Tagged articles
12 articles
Page 1 of 1
We-Design
We-Design
Jan 30, 2024 · Mobile Development

Designing Inclusive Screen Reader Experiences for Mobile Apps

This guide explains why screen‑reader accessibility matters, outlines WCAG‑based design principles, introduces core concepts, interaction modes, accessibility attributes, and advanced tools like rotors, then provides a step‑by‑step design process, acceptance checklist, and broader integration tips for inclusive mobile UI design.

Screen Readeraccessibilityinclusive design
0 likes · 29 min read
Designing Inclusive Screen Reader Experiences for Mobile Apps
政采云技术
政采云技术
May 6, 2022 · Product Management

Understanding Inclusive Design and Accessibility in Product Development

The article explains the concept of inclusive design, its growing importance in product development, the relationship with accessibility, recent governmental initiatives in China, and practical principles for designing B‑to‑B products that cater to diverse user groups such as the elderly and people with disabilities.

Product DesignUser experienceaccessibility
0 likes · 2 min read
Understanding Inclusive Design and Accessibility in Product Development
Youku Technology
Youku Technology
May 21, 2021 · Mobile Development

Youku's Accessibility Development: Enhancing User Experience for Visually Impaired Users

Youku is enhancing its mobile app for visually impaired and elderly users by standardizing screen‑reader support, keeping playback controls visible, dynamically showcasing accessible videos, adding audio‑descriptions, and launching an elder‑friendly version, while partnering with research groups and content providers to ensure continuous, high‑quality accessibility improvements.

Audio DescriptionScreen ReaderUser experience
0 likes · 8 min read
Youku's Accessibility Development: Enhancing User Experience for Visually Impaired Users
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.

ARIAWeb Developmentaccessibility
0 likes · 58 min read
Turning Interactive Web Features into Inclusive Experiences: Practical A11Y Strategies
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 17, 2020 · Frontend Development

Building Warm, Accessible Interactive Web Projects: A Practical Guide

This article explores what makes an interactive web project feel warm, why accessibility is essential for inclusive experiences, and provides concrete strategies—including WCAG principles, WAI‑ARIA usage, semantic HTML, CSS best practices, JavaScript techniques, and testing tools—to design and develop interactive projects that are both engaging and accessible to all users.

ARIADesign ThinkingWCAG
0 likes · 33 min read
Building Warm, Accessible Interactive Web Projects: A Practical Guide
Youku Technology
Youku Technology
Feb 14, 2019 · Frontend Development

Seeing the World Differently: Color Blindness, Personal Stories, and Video‑Streaming Solutions

The article shares personal stories of Chinese individuals whose everyday perception of sunsets and objects is muted by color‑weakness, explains that about 8 % of men and 0.5 % of women are affected, and highlights emerging aids such as EnChroma glasses, software tools, and large‑scale video‑streaming color‑weak modes that improve accessibility and underscore engineers’ role in creating inclusive visual experiences.

User experienceVideo Streamingalgorithmic color correction
0 likes · 15 min read
Seeing the World Differently: Color Blindness, Personal Stories, and Video‑Streaming Solutions
21CTO
21CTO
Jun 18, 2017 · Frontend Development

Build an Inclusive Website: Practical Accessibility Guidelines for Developers

This guide explains website accessibility, describes how people with visual, auditory, motor, and cognitive disabilities interact with the web, and provides actionable steps—semantic markup, color contrast, keyboard navigation, ARIA attributes, form and table best practices, and testing tools—to build inclusive, accessible sites.

ARIAWCAGWeb Development
0 likes · 15 min read
Build an Inclusive Website: Practical Accessibility Guidelines for Developers
21CTO
21CTO
Jun 3, 2017 · Fundamentals

How a Blind Programmer Codes: Tools, Techniques, and Accessibility Insights

A blind developer shares how screen‑reading software, Braille displays, and accessible tools enable him to browse the web, write code, edit audio, and dream about programming, highlighting the importance of inclusive design for all developers.

NVDAScreen Readeraccessibility
0 likes · 7 min read
How a Blind Programmer Codes: Tools, Techniques, and Accessibility Insights
Hujiang Design Center
Hujiang Design Center
Mar 16, 2017 · Fundamentals

Designing for Color Blind Users: 5 Essential Tips to Boost Accessibility

With roughly one in 12 men and one in 200 women affected by color vision deficiency, this guide explains what color blindness is, why inclusive design matters, and offers five practical strategies—using symbols, limiting colors, adding textures, ensuring contrast, and avoiding problematic color combos—to create more accessible web and app experiences.

UI designaccessibilitycolor blindness
0 likes · 7 min read
Designing for Color Blind Users: 5 Essential Tips to Boost Accessibility