Tag

ARIA

1 views collected around this technical thread.

vivo Internet Technology
vivo Internet Technology
Aug 9, 2023 · Frontend Development

Accessibility Adaptation Practices for Vivo H5 Front‑End Projects

Vivo’s front‑end team outlines practical accessibility adaptations for H5 Android projects, emphasizing ARIA roles and states, proper tabindex ordering, language attributes, alt text or aria‑label for images, button roles, numeric speech conversion, focus management in dialogs and pickers, and a comprehensive checklist to ensure inclusive mobile experiences.

ARIAAccessibilityfrontend
0 likes · 18 min read
Accessibility Adaptation Practices for Vivo H5 Front‑End Projects
Watermelon Frontend Tech Team
Watermelon Frontend Tech Team
Jan 19, 2023 · Frontend Development

How to Build Truly Accessible Web Experiences for All Users

This article explains why people with disabilities heavily use the internet, defines information accessibility, outlines various disability groups, describes focus handling, showcases inclusive design innovations, and provides practical guidance on semantic HTML, ARIA attributes, tabindex, and testing tools for creating accessible web applications.

ARIAAccessibilityassistive technology
0 likes · 25 min read
How to Build Truly Accessible Web Experiences for All Users
Taobao Frontend Technology
Taobao Frontend Technology
Jul 1, 2021 · Frontend Development

Make Your Apps and Websites Fully Accessible: Practical Tips and Auto‑Generated Code

This article explains why accessibility matters for billions of users, outlines common screen‑reader issues, and provides concrete front‑end techniques—including ARIA attributes and auto‑generated code via Imgcook—to ensure mobile and web interfaces are usable by people with visual impairments.

ARIAAccessibilityReact Native
0 likes · 10 min read
Make Your Apps and Websites Fully Accessible: Practical Tips and Auto‑Generated Code
Taobao Frontend Technology
Taobao Frontend Technology
Nov 24, 2020 · Frontend Development

Turning Interactive Web Features into Inclusive Experiences: Practical A11Y Strategies

This article explores why web accessibility matters for interactive applications, outlines the four core A11Y principles, and provides concrete front‑end techniques—semantic HTML, proper alt text, focus management, ARIA usage, color contrast, and testing tools—to create inclusive, user‑friendly experiences.

ARIAAccessibilityfrontend
0 likes · 58 min read
Turning Interactive Web Features into Inclusive Experiences: Practical A11Y Strategies
JD Retail Technology
JD Retail Technology
Jun 24, 2020 · Frontend Development

Implementing ARIA and Accessibility Best Practices for Mobile Web Applications

This article explains the importance of ARIA and semantic HTML for creating accessible mobile web experiences, detailing browser support, key ARIA attributes, best practices for images, videos, colors, navigation, and handling differences between Android and iOS screen readers to improve usability for visually impaired users.

ARIAScreen Readersfrontend development
0 likes · 16 min read
Implementing ARIA and Accessibility Best Practices for Mobile Web Applications
360 Tech Engineering
360 Tech Engineering
Sep 18, 2019 · Frontend Development

Understanding ARIA: Accessible Rich Internet Applications – Links and Buttons

This article explains the fundamentals of ARIA for web accessibility, showing how to assign proper roles, states, and properties to HTML elements, ensure keyboard focus with tabindex, and implement interactive link and button controls—including regular, toggle, and menu buttons—using concise HTML and JavaScript examples.

ARIAAccessibilityHTML
0 likes · 10 min read
Understanding ARIA: Accessible Rich Internet Applications – Links and Buttons
Yuewen Frontend Team
Yuewen Frontend Team
Jun 4, 2018 · Frontend Development

Master ARIA and VoiceOver: Boost Mobile Accessibility in Your Web Apps

A whimsical tale leads into a comprehensive guide on ARIA attributes, role definitions, and VoiceOver gestures, showing developers how to make mobile web interfaces fully accessible for screen‑reader users while preserving visual design and interaction patterns.

ARIAAccessibilityVoiceOver
0 likes · 21 min read
Master ARIA and VoiceOver: Boost Mobile Accessibility in Your Web Apps
Architecture Digest
Architecture Digest
Jun 18, 2017 · Frontend Development

Web Accessibility Guide for Frontend Development

This article explains website accessibility, describes how people with visual, auditory, motor, and cognitive disabilities access sites, and provides practical guidelines—including semantic structure, color contrast, ARIA roles, form and table markup, keyboard navigation, media handling, and testing tools—to help frontend developers build accessible web pages.

ARIAAccessibilityWCAG
0 likes · 13 min read
Web Accessibility Guide for Frontend Development