new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

IBM Carbon · all subjects

global-header/accessibility

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Matching visual hierarchy to DOM order accessibility

WCAG 2.1 Technique C27 recommends matching the visual order of UI objects with the order they appear in the Document Object Model (DOM). This ensures the designed hierarchy of information is communicated the same visually as it is by assistive technologies. This is necessary when navigation organization conveys meaning of stepped concepts like provisioning or wizard patterns.

Responsive reordering with CSS for accessibility

In some cases, styling elements with CSS to appear in a different visual order than the DOM order may be beneficial. For example, on narrow or mobile screen widths you may move navigation from the top to another more appropriate area. However, ensure this does not compromise the logical order for assistive technologies.

Visual heading hierarchy must match heading tag ranking

Users who rely on screen readers navigate content via headers. The visual representation of a heading should match the underlying ranking of the header tag. Users must interpret the structure of content the same way visually and through assistive technologies.

Skip to main content link for keyboard navigation

WCAG Success Criterion 2.4.1 (Bypass Blocks) suggests providing a 'Skip to main content' link at the start of navigation's focusable controls. This lets keyboard users easily skip large numbers of navigation items and begin interacting with the page's main content area instead of tabbing through all navigation elements first.

Landmark regions for assistive technology navigation

Landmark regions group similar areas of content and assign them roles, letting users navigating with assistive technologies quickly move around the site by navigating between landmark regions rather than each individual element. Common landmark regions include: navigation, main, form, banner, and search. If there are multiple navigation landmark regions, give each a unique label.

Give your agent this brain