Skip to content

Releases: bpetermann/aware-components

v0.7.0

28 Nov 09:14
Compare
Choose a tag to compare

Added

  • <Li> component with accessibility (a11y) checks to ensure it is a child of <Ul>, <Ol>, or <Menu> and to recommend using a native <li> over elements with role="listitem".
  • <Ul> and <Ol> components with a11y checks to validate that all children are <Li> elements or equivalent elements with role="listitem".
  • <ListProvider> to manage list hierarchy and enable comprehensive a11y checks across nested list structures.

v0.6.0

18 Nov 19:28
Compare
Choose a tag to compare

Added

  • <Table> components with accessibility (a11y) checks to ensure <th> elements are present, scope attributes are used with multiple headers, and id and headers attributes are included in complex tables for improved screen reader support.
  • <Th> components with accessibility (a11y) checks to validate necessary attributes based on the complexity of table headers.
  • <Td> components with accessibility (a11y) checks to validate necessary attributes based on the complexity of table headers.
  • <Tr> components to support registering associated table headers.
  • <Caption> components to detect a nested <caption> indside a <TableProvider>.
  • <TableProvider> Component: Introduced a context provider for more fine-grained table accessibility checks.

v0.5.0

07 Nov 20:32
Compare
Choose a tag to compare

Changed

  • Enhanced accessibility check for generic text in the <A> component to include applicable ARIA roles.

Added

  • <Hr> component with accessibility checks to prevent excessive usage.
  • Accessibility check in <A> component to flag empty text content.
  • Accessibility check in <A> component to flag all caps text content.
  • Exports the isRatioOk check, which verifies if the contrast ratio between a text color and background color meets WCAG accessibility standards (level AA or AAA) for small or large text
  • Exports the canHaveAriaHidden check, which verifies if the aria-hidden attribute can be applied to the component.

v0.4.2

04 Nov 20:47
Compare
Choose a tag to compare

Fixed

  • Enhanced getChildren helper function to support arrays, ensuring it handles both single elements and arrays consistently.

Added

  • <Audio> components with accessibility (a11y) checks (e.g., warnings for autoplay without muted, visible controls, loop, and checks for a transcript or accessible label).
  • <Video> components with accessibility (a11y) checks (e.g., warnings for autoplay without muted, visible controls, loop, and checks for a <track> element of kind captions).
  • <P> components with accessibility (a11y) checks (e.g., warnings for use within <header>, color contrast issues, and minimum font size enforcement).

v0.3.2

29 Oct 19:55
Compare
Choose a tag to compare

Added

  • <Fieldset> components with accessibility (a11y) checks (e.g., existing <legend>).
  • <Input> components with accessibility (a11y) checks (e.g., existing color contrast and existing <Label> or aria-labelledby).
  • <Textarea> components with accessibility (a11y) checks (e.g., existing color contrast and existing <Label> or aria-labelledby).
  • <Select> components with accessibility (a11y) checks (e.g., existing color contrast and existing <Label> or aria-labelledby and check for <optgroup>).
  • <Optgroup> components with obligatory label attribute.

v0.2.1

25 Oct 14:51
Compare
Choose a tag to compare

Fixed

  • React version-independent check for inert
  • <H6>tag name

Added

  • Expanded <A> tag accessibility checks, including checks for invalid attributes, tabindex issues, and detection of skip links.
  • Expanded <Div> "div soup" check to include nested <Div> components.

v0.2.2

25 Oct 15:07
Compare
Choose a tag to compare

Fixed

  • Disabled hooks in non-development mode.

v0.1.1

21 Oct 20:52
Compare
Choose a tag to compare

Added

  • <H1> - <H6> components with accessibility (a11y) checks (e.g., proper heading levels, ensuring a unique <h1> element).
  • <A> component with a11y checks (e.g., correct mailto links, checks for generic link text).
  • <Button> component with a11y checks (e.g., ensures text content is present and meets minimum size requirements).
  • <Div> component with a11y checks (e.g., checks for “div soup,” correct attributes usage).
  • <Img> component with a11y checks (e.g., ensures alt text is provided and avoids generic alt text).
  • <Main> component with a11y checks (e.g., ensures there is only one unique <main> element).
  • <Nav> component with a11y checks (e.g., ensures correct ARIA labels when multiple <nav> elements are present).
  • <Section> component with a11y checks (e.g., ensures correct ARIA labels when multiple <section> elements are present).
  • <A11yProvider> context provider component that registers the count of <Nav>, <Section>, <Main>, and heading elements for accessibility checks.