#Japan #Tokyo #web accessibility #A11y Navigation Auditor #Liberogic

Liberogic's A11y Navigation Auditor: A Significant Step Towards Web Accessibility

In our digital age, ensuring that websites are accessible to everyone, regardless of their abilities, is essential. To facilitate this mission, Liberogic, a Tokyo-based company, has launched the A11y Navigation Auditor, a Google Chrome extension designed to enhance web accessibility through effective analysis and visualization of website structures. This new tool serves as a follow-up to their first tool, the Area Contrast Checker, and is part of their ongoing commitment to make accessibility a standard quality rather than a special consideration.

Meeting the Challenges of Accessibility

The landscape of web accessibility has seen increased scrutiny following the amendments to Japan's Disability Discrimination Act, which mandates reasonable accommodations starting in April 2024. Organizations have shown a heightened interest in achieving compliance with accessibility standards, yet challenges remain. Existing tools often suffer from:

• - Fragmentation of Information: Users often require multiple tools for different categories of diagnostics, such as headings and landmarks. This categorization complicates the overall understanding of a website's structure.

• - Decreased Visibility: Some tools overlay markers onto web pages, which can become overwhelming, particularly on densely populated screens, hindering comprehensive diagnostics.

To address these issues, Liberogic focused on the “rotor function” of screen readers (like VoiceOver), which allows for streamlined listing of elements on a page. By centralizing and visually representing these elements within a side panel, the A11y Navigation Auditor makes identifying specific issues far simpler.

Key Features of A11y Navigation Auditor

The A11y Navigation Auditor offers several advanced features that set it apart in the realm of web accessibility tools:

1. Automated Problem Detection Based on WCAG Standards: The tool evaluates websites against the WCAG (Web Content Accessibility Guidelines), categorizing issues as errors, warnings, or information across six critical areas:
- Headings: Detects missing levels, empty headings, and roll loss.
- Links: Identifies ambiguous link text, absent text, and duplicate links.
- Form Controls: Alerts to missing labels, autocomplete issues, and error message associations.
- Landmarks: Checks for missing main elements and unclear redundant roles.
- Images: Finds missing alt attributes or inappropriate descriptions like “image.”
- Tables: Looks for missing captions or headers as well as issues with complex structures involving scopes.

2. Visual Representation of Accessible Names: Based on ARIA specifications, the tool illustrates exactly what screen readers will announce, including the origins of these outputs.

3. Real-Time Monitoring of ARIA States: Changes in dynamic content, such as aria-expanded or aria-invalid states, are automatically detected, allowing users to observe real-time accessibility shifts during operations.

4. Intuitive Functionality with Highlighting: Clicking items within the panel or using keyboard navigation smoothly scrolls and highlights relevant elements on the webpage.

5. Advanced Settings for Professionals: It also includes options for:
- Inspecting Hidden Elements: Users can check the accessibility of elements hidden from view when necessary.
- Noise Exclusion: Automatically excludes third-party widgets from diagnostics.
- Bilingual Support: Offers both Japanese and English interfaces for user convenience.

Commitment to Accessibility

Liberogic is dedicated to making web accessibility a common practice across the industry. With the launch of the A11y Navigation Auditor, they aim to assist organizations in achieving compliance with accessibility standards and ensuring that every individual can navigate websites effortlessly, regardless of ability.

The tool was developed under the supervision of Ayumu Futamata, an IAAP Certified WAS (Web Accessibility Specialist) and Chief Accessibility Officer at Liberogic. Ayumu, with extensive experience in front-end engineering and web accessibility diagnostics, designed the tool to reflect the practical needs of professionals in the accessibility assessment space.

Conclusion

As technology evolves, so does the responsibility to create inclusive digital spaces. Liberogic’s A11y Navigation Auditor is a significant addition to the toolkit of web developers and accessibility experts, representing a step towards a more inclusive internet. With it, the vision of web accessibility as a standard quality, rather than an afterthought, is now more attainable than ever.

Learn More

To download the A11y Navigation Auditor, visit the Chrome Web Store: A11y Navigation Auditor - Chrome Web Store.

For further inquiries, reach out to Liberogic through their official contact form found on their website. Together, we can make the web an accessible space for all.