BestHub
Sign in
Tagged articles

accessibility

124 articles · Page 1 of 2
Woodpecker Software Testing
Woodpecker Software Testing
Aug 19, 2026 · Artificial Intelligence

Multimodal Testing in Practice: A New Paradigm for Next‑Gen Automation

The article explains how multimodal testing expands traditional automation by synchronously capturing vision, audio, text, sensor and biometric data, detailing concrete use cases, technical stacks, quantitative results, and four engineering challenges with practical solutions for building a digital twin of user interactions.

AI testingComputer Visionaccessibility
0 likes · 9 min read
Multimodal Testing in Practice: A New Paradigm for Next‑Gen Automation
AI Digital Ideal
AI Digital Ideal
Jul 25, 2026 · Operations

Building an Independent QA Audit Loop: A Quality Gate Beyond CI

The lesson extends the CI pipeline with a separate QA audit loop that checks accessibility, internationalization, and performance using Playwright‑axe, i18n‑checker, and Lighthouse CI, and ties the results to a ledger‑based sign‑off process to ensure feature quality for all users.

CI/CDLighthouse CIPlaywright
0 likes · 14 min read
Building an Independent QA Audit Loop: A Quality Gate Beyond CI
AI Digital Ideal
AI Digital Ideal
Jul 23, 2026 · Fundamentals

Lesson 0005 – QA Audit Loop: Adding an Independent Quality Gate Beyond CI

This lesson extends the CI pipeline with a separate QA audit loop that checks accessibility, internationalisation, and performance, explains why QA must be independent of CI, describes the three‑dimensional audit model, provides concrete Playwright‑axe‑core and i18n‑checker scripts, and shows how to integrate Lighthouse CI and ledger updates for a complete quality sign‑off.

CILighthouseQA
0 likes · 17 min read
Lesson 0005 – QA Audit Loop: Adding an Independent Quality Gate Beyond CI
Top Architecture Tech Stack
Top Architecture Tech Stack
Jun 1, 2026 · Frontend Development

How Claude Design Turned code80’s Codebase into a Production‑Ready Animation

The author recounts using Claude Design to read the code80 homepage code, generate three animation concepts, refine the chosen smart‑routing sketch, and produce a pure‑HTML/CSS terminal animation that integrates seamlessly with existing Vue components while addressing accessibility and deployment issues.

AI-assisted designCSSClaude Design
0 likes · 8 min read
How Claude Design Turned code80’s Codebase into a Production‑Ready Animation
Tech Minimalism
Tech Minimalism
Apr 25, 2026 · User Experience Design

8 Essential AI Agent Skills Every UI Designer Should Install

This guide lists eight AI‑powered agent skills for UI designers, explains why the installation order matters, provides concrete CLI commands and example workflows, and shows how these skills turn Claude Code from a code generator into a full‑featured design partner.

AI agentsClaude CodeTailwind
0 likes · 22 min read
8 Essential AI Agent Skills Every UI Designer Should Install
Model Perspective
Model Perspective
Apr 20, 2026 · Industry Insights

How a Head‑Controlled Wheelchair Turns Lab Research into Real‑World Freedom

The article examines the technical and human challenges of turning a simple IMU‑based head‑controlled wheelchair prototype into a reliable, everyday mobility solution for a high‑level spinal‑injury patient, highlighting sensor noise, environmental variability, user‑specific adaptations, and the broader lesson that engineering should serve concrete, real‑world problems.

R&Daccessibilityassistive technology
0 likes · 11 min read
How a Head‑Controlled Wheelchair Turns Lab Research into Real‑World Freedom
21CTO
21CTO
Mar 9, 2026 · Frontend Development

How Microsoft’s FocusGroup Improves Keyboard Navigation and Site Performance

Microsoft’s new FocusGroup preview simplifies complex navigation elements for developers, enabling full keyboard operation, faster page loads, and better accessibility compliance with WCAG standards, now available in Edge and contributed to Chromium.

Microsoft EdgeWeb Developmentaccessibility
0 likes · 5 min read
How Microsoft’s FocusGroup Improves Keyboard Navigation and Site Performance
Woodpecker Software Testing
Woodpecker Software Testing
Feb 3, 2026 · User Experience Design

User Experience Testing: Moving Beyond Functional Correctness to Higher Dimensions

The article explains how software testing is shifting from merely verifying functional requirements to a multidimensional user experience discipline, detailing usability, accessibility, emotional experience, and value perception, and outlining practical methods, data analysis, skill upgrades, and organizational changes needed for this transformation.

Emotional ExperienceUX Research MethodsUsability
0 likes · 8 min read
User Experience Testing: Moving Beyond Functional Correctness to Higher Dimensions
Woodpecker Software Testing
Woodpecker Software Testing
Feb 3, 2026 · User Experience Design

How to Test UX in Education Software: Strategies, Challenges, and Best Practices

The article outlines essential UX testing dimensions for education software—including functional, usability, accessibility, emotional load, and security—while detailing challenges such as multi‑role scenarios, performance demands, and compliance, and proposes agile, AI‑enhanced, cross‑disciplinary approaches and concrete case studies to improve learning outcomes.

AI automationEducation softwareSecurity
0 likes · 8 min read
How to Test UX in Education Software: Strategies, Challenges, and Best Practices
Woodpecker Software Testing
Woodpecker Software Testing
Jan 28, 2026 · User Experience Design

Beyond Functional Correctness: Higher Dimensions of User Experience Testing

The article explains how modern software testing is shifting from simple functional verification to a multidimensional user experience testing approach, covering usability, accessibility, emotional impact, and value perception, and outlines the methods, skill upgrades, and organizational changes needed to adopt this paradigm.

UX methodologyUsabilityaccessibility
0 likes · 9 min read
Beyond Functional Correctness: Higher Dimensions of User Experience Testing
DaTaobao Tech
DaTaobao Tech
Jan 16, 2026 · Frontend Development

How AI Enables “Write Code, Fix Accessibility” Across Front‑End Projects

This article presents an AI‑driven accessibility solution that embeds code‑review and automatic fixing into the development workflow, tackles high‑frequency issues such as text reading, focus management and interaction recognition, achieves over 95% fix rates in both testing and production, and outlines future extensions to native and D2C scenarios.

AIaccessibilitycode-review
0 likes · 14 min read
How AI Enables “Write Code, Fix Accessibility” Across Front‑End Projects
Woodpecker Software Testing
Woodpecker Software Testing
Jan 5, 2026 · User Experience Design

Comprehensive Usability Testing Framework: Six Core Dimensions and Practical Test Cases

This guide outlines a systematic six‑dimensional usability testing framework—including recognizability, learnability, operability, error protection, visual appeal, and accessibility—provides detailed test scenarios, concrete test‑case examples, expected metrics, a combined testing matrix, key success factors, and a real‑world enterprise collaboration software case study.

UX Metricsaccessibilitydesign principles
0 likes · 15 min read
Comprehensive Usability Testing Framework: Six Core Dimensions and Practical Test Cases
Baidu Tech Salon
Baidu Tech Salon
Dec 24, 2025 · Artificial Intelligence

Multimodal AI Innovations from the ERNIE Hackathon: Accessibility, Elderly Assistance, Autism Intervention and More

The ERNIE Open Innovation Hackathon’s multimodal track showcased a diverse set of award‑winning projects that leveraged the ERNIE‑4.5‑VL model to dramatically shorten video‑production cycles, create audio‑only smartphone assistants for seniors, enable personalized autism‑intervention platforms, generate AI‑driven music for videos, and more, demonstrating the practical impact of multimodal AI across real‑world scenarios.

AI HackathonAudio AssistantAutism Intervention
0 likes · 15 min read
Multimodal AI Innovations from the ERNIE Hackathon: Accessibility, Elderly Assistance, Autism Intervention and More
Sohu Smart Platform Tech Team
Sohu Smart Platform Tech Team
Nov 7, 2025 · Artificial Intelligence

How Real-Time Sign Language Translation Bridges Communication Gaps

The QianShou Guanyin project introduces a real-time video sign‑language recognition app that captures hand gestures, instantly translates them into speech, and aims to improve communication efficiency, promote educational equity, and enhance social inclusion for millions of hearing‑ and visually‑impaired people in China.

AIaccessibilitycommunication
0 likes · 3 min read
How Real-Time Sign Language Translation Bridges Communication Gaps
php Courses
php Courses
Feb 26, 2025 · Backend Development

Best Practices for PHP Developers to Enhance User Experience (UX)

This article outlines essential PHP development best practices—including performance optimization, framework utilization, clean coding, security, mobile responsiveness, accessibility, template engines, testing, media optimization, and continuous monitoring—to help businesses build fast, secure, and user‑friendly web applications that drive better engagement and business outcomes.

PHPSecurityaccessibility
0 likes · 20 min read
Best Practices for PHP Developers to Enhance User Experience (UX)
We-Design
We-Design
Oct 29, 2024 · Mobile Development

Voice Control for Mobility Impairments: Design Principles & Future Trends

This article explores accessible voice control technology for people with limited hand mobility, detailing its purpose, core concepts, command structures, screen overlay modes, design guidelines, challenges, and future directions such as natural language and multimodal input, while comparing it with VoiceOver and offering practical design recommendations.

Mobile Designaccessibilityassistive technology
0 likes · 18 min read
Voice Control for Mobility Impairments: Design Principles & Future Trends
21CTO
21CTO
Jul 7, 2024 · Frontend Development

10 Simple CSS Tweaks to Instantly Boost Readability and Layout

This article presents ten practical CSS snippets—ranging from content width limits and larger text to balanced headings and reduced motion—each explained with code examples and screenshots to help developers create cleaner, more accessible web pages.

CSSResponsiveaccessibility
0 likes · 8 min read
10 Simple CSS Tweaks to Instantly Boost Readability and Layout
We-Design
We-Design
Jun 11, 2024 · Frontend Development

How Sustainable UI Design Can Cut Digital Carbon Footprint

This article examines the hidden environmental costs of digital products and offers practical UI design strategies—covering environmental, social, and economic sustainability—to reduce energy consumption, data waste, and carbon emissions while improving accessibility and user experience.

UIaccessibilityenvironment
0 likes · 23 min read
How Sustainable UI Design Can Cut Digital Carbon Footprint
IT Services Circle
IT Services Circle
May 13, 2024 · Information Security

The Hidden Costs and Ineffectiveness of CAPTCHAs

CAPTCHAs, originally designed as human‑based computation tools to block bots, have become costly, discriminatory, and largely ineffective security measures that waste billions of dollars annually while providing profit to service providers, prompting a 2024 debate on their continued use.

AI trainingCAPTCHAHuman Computation
0 likes · 8 min read
The Hidden Costs and Ineffectiveness of CAPTCHAs
Python Programming Learning Circle
Python Programming Learning Circle
Apr 20, 2024 · Fundamentals

20 Practical Tips for Effective Data Visualization

These 20 practical recommendations guide you in selecting appropriate chart types, setting correct axes, avoiding misleading designs, improving readability, applying suitable color schemes, ensuring accessibility, and choosing the right visualization libraries, helping you create clear, accurate, and insightful data visualizations.

Data Visualizationaccessibilitybest practices
0 likes · 12 min read
20 Practical Tips for Effective Data Visualization
21CTO
21CTO
Apr 12, 2024 · Product Management

Why Human‑Centered Design Is the New Must‑Have for Software Teams

A recent Progress Software report reveals that over half of organizations plan to increase investment in human‑centered software development, highlighting five core pillars, key challenges, and practical recommendations for creating inclusive, user‑focused applications.

accessibilityhuman-centered designproduct management
0 likes · 5 min read
Why Human‑Centered Design Is the New Must‑Have for Software Teams
Java Tech Enthusiast
Java Tech Enthusiast
Mar 30, 2024 · Mobile Development

Firefox for iOS Removes Night Mode, Triggers User Outcry

Firefox for iOS version 124 stripped the night‑mode setting from half its users in a gray‑scale data‑gathering test, prompting fierce backlash from light‑sensitive users, while the three‑engineer team blamed a deteriorated codebase for the month‑long effort and pledged a full refactor by year‑end despite Apple’s restrictive iOS ecosystem.

Firefoxaccessibilitycode quality
0 likes · 3 min read
Firefox for iOS Removes Night Mode, Triggers User Outcry
Sohu Tech Products
Sohu Tech Products
Jan 31, 2024 · Frontend Development

An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage

shadcn/ui is a rapidly popular, copy‑and‑paste component collection that provides accessible, highly customizable Tailwind‑styled UI elements with a two‑layer architecture, theme editor, dark‑mode support, and CLI, offering simplicity and fine‑grained control while requiring manual integration and careful bundle‑size management.

Component LibraryReactTailwindCSS
0 likes · 26 min read
An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage
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
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.

ARIAH5accessibility
0 likes · 18 min read
Accessibility Adaptation Practices for Vivo H5 Front‑End Projects
KooFE Frontend Team
KooFE Frontend Team
Jul 19, 2023 · Frontend Development

Transform UI Design with 16 Simple Rules for Better Usability

This article translates the "16 Little UI Design Rules" into practical guidelines, showing how applying spacing, consistency, contrast, typography, and accessibility principles can dramatically improve the usability and visual hierarchy of a short‑term rental property detail page.

UI designUsabilityaccessibility
0 likes · 16 min read
Transform UI Design with 16 Simple Rules for Better Usability
21CTO
21CTO
Jul 13, 2023 · Frontend Development

Mastering Chakra UI: Build Accessible, Responsive React Interfaces Fast

This article introduces Chakra UI, explains its core features, advantages, installation steps, and key components—including layout, media, navigation, and form elements—while also covering its drawbacks and providing practical React code examples for developers seeking a fast, accessible UI solution.

ReactUI Componentsaccessibility
0 likes · 11 min read
Mastering Chakra UI: Build Accessible, Responsive React Interfaces Fast
Continuous Delivery 2.0
Continuous Delivery 2.0
Jul 11, 2023 · Artificial Intelligence

The Hype and Reality of Generative AI: Benefits, Drawbacks, and Accessibility Concerns

The article examines the surge of generative AI, outlining its potential to democratize software interaction through natural‑language prompts while highlighting challenges such as prompt‑engineering complexity, the opaque nature of large language models, and the risk of marginalizing users lacking literacy or GUI‑based control.

Prompt Engineeringaccessibilitygenerative AI
0 likes · 5 min read
The Hype and Reality of Generative AI: Benefits, Drawbacks, and Accessibility Concerns
Huolala Tech
Huolala Tech
Jun 20, 2023 · Mobile Development

How to Prevent Webview Layout Breakage When Users Enable Large Font Mode

This article examines how enabling system-wide large‑font mode on Android and iOS can distort Webview layouts for driver‑focused apps, presents data on user font‑size usage, compares approaches from other apps, and offers practical CSS and code solutions to reliably disable or adapt to large fonts.

AndroidCSSLarge Font
0 likes · 11 min read
How to Prevent Webview Layout Breakage When Users Enable Large Font Mode
AntTech
AntTech
May 10, 2023 · Artificial Intelligence

Brainwave and Behavior Recognition: Multi‑Modal Biometric Authentication with Adversarial Contrastive Transfer Learning

This article presents Ant Security's research on novel biometric methods—brainwave (脑纹) and behavior recognition—detailing their scientific background, data collection, multi‑modal deep‑learning algorithms, adversarial and contrastive training strategies, experimental results, and practical applications for inclusive, secure identity verification.

accessibilityadversarial learningbehavior recognition
0 likes · 17 min read
Brainwave and Behavior Recognition: Multi‑Modal Biometric Authentication with Adversarial Contrastive Transfer Learning
Tencent Cloud Developer
Tencent Cloud Developer
Apr 3, 2023 · Mobile Development

Android Accessibility Framework for WeChat: Design, Implementation, and Walk‑through Tools

WeChat’s Android accessibility framework abstracts common perceivable, operable, and understandable requirements into reusable rules, automatically enlarges touch targets, generates unified content descriptions, and includes a walk‑through verification service, enabling developers to efficiently implement scalable accessibility features for millions of visually or hearing‑impaired users.

Accessibility FrameworkAccessibilityServiceAndroid
0 likes · 16 min read
Android Accessibility Framework for WeChat: Design, Implementation, and Walk‑through Tools
Programmer DD
Programmer DD
Feb 6, 2023 · Frontend Development

What’s New in VS Code 1.75? Explore Config Profiles, AI Tools, and Git Enhancements

VS Code 1.75 introduces configurable profiles, signed extensions, accessibility upgrades, multi‑view resizing, tree view search history, improved link detection, new Git commands, experimental Dark+ V2 and Light+ V2 themes, Jupyter Notebook support, AI‑assisted code completion via GitHub Copilot, plus numerous UI refinements and language mode updates.

GitVS Codeaccessibility
0 likes · 9 min read
What’s New in VS Code 1.75? Explore Config Profiles, AI Tools, and Git Enhancements
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.

ARIAWeb Developmentaccessibility
0 likes · 25 min read
How to Build Truly Accessible Web Experiences for All Users
21CTO
21CTO
Jan 6, 2023 · Frontend Development

Master Monaco Editor: Installation, Features, and Accessibility Tips

This guide introduces Monaco Editor—a browser‑based code editor supporting multiple languages—covers how to install it via Git and npm, and details key features such as keyboard navigation, high‑contrast mode, tab capture behavior, and built‑in accessibility help.

Monaco Editoraccessibilityinstallation
0 likes · 3 min read
Master Monaco Editor: Installation, Features, and Accessibility Tips
Zhaori User Experience
Zhaori User Experience
Dec 16, 2022 · Frontend Development

How to Build a Scientific Color System for Enterprise Mobile Banking Apps

This article explains how to create a rational, extensible, and harmonious color system for an enterprise mobile banking app, covering principles, a step‑by‑step workflow, brand color evolution, auxiliary palette generation, WCAG contrast validation, and implementation details for design and development teams.

Mobile BankingUI designaccessibility
0 likes · 10 min read
How to Build a Scientific Color System for Enterprise Mobile Banking Apps
Youku Technology
Youku Technology
Oct 25, 2022 · Industry Insights

How Youku Built a Long‑Term Accessibility Strategy for Its Video App

The article details Youku's comprehensive approach to making its video app accessible, covering unified component specifications, screen‑reader support, extensive testing, scoring mechanisms, content adaptations, and future plans that together create a sustainable, user‑friendly experience for visually impaired users.

AndroidLong-Term StrategyScreen Reader
0 likes · 7 min read
How Youku Built a Long‑Term Accessibility Strategy for Its Video App
JavaScript
JavaScript
Jul 5, 2022 · Frontend Development

How the HTML inert Attribute Disables Interaction and Improves UI

The HTML inert attribute is a Boolean property that makes browsers ignore user input, focus, and selection within an element and its children, helping developers create more controlled and accessible user interfaces while being widely supported with a polyfill for older browsers.

HTMLaccessibilityfrontend
0 likes · 2 min read
How the HTML inert Attribute Disables Interaction and Improves UI
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Jun 14, 2022 · Frontend Development

Implementing Accessibility (A11y) in Semi Design: Guidelines and Best Practices

This article explains why accessibility is essential for UI component libraries, describes the main types of disabilities, and provides concrete Semi Design guidelines—including color contrast, keyboard navigation, semantic markup, media handling, and layout recommendations—to create inclusive front‑end experiences.

DesignKeyboardUI Components
0 likes · 15 min read
Implementing Accessibility (A11y) in Semi Design: Guidelines and Best Practices
政采云技术
政采云技术
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.

accessibilitydesign standardselderly users
0 likes · 2 min read
Understanding Inclusive Design and Accessibility in Product Development
Baidu MEUX
Baidu MEUX
Mar 31, 2022 · Product Management

Bridging the Digital Divide: Key Takeaways from China’s Senior‑Friendly & Accessibility Design Forum

The March 24 online forum co‑hosted by Baidu MEUX and the Information Accessibility Society highlighted the current state of app accessibility in China, presented expert research on senior‑friendly design, and outlined concrete actions—ranging from expanding retrofitting to user‑centered standards—to foster an inclusive digital ecosystem for older adults and people with disabilities.

accessibilityinclusive technologymobile apps
0 likes · 9 min read
Bridging the Digital Divide: Key Takeaways from China’s Senior‑Friendly & Accessibility Design Forum
ByteDance Terminal Technology
ByteDance Terminal Technology
Mar 25, 2022 · Mobile Development

Fastbot Automated Testing: Enhancing iOS App Stability Through Intelligent Testing

Fastbot is an intelligent automated testing service developed by Quality Lab and GIP iOS Platform Architecture Team, utilizing machine learning and reinforcement learning to improve test coverage and stability, achieving over 100% improvement in problem discovery and code coverage compared to traditional Monkey testing.

accessibilityiOS testingstability testing
0 likes · 13 min read
Fastbot Automated Testing: Enhancing iOS App Stability Through Intelligent Testing
Baidu MEUX
Baidu MEUX
Mar 25, 2022 · Mobile Development

Designing Elder-Friendly Mobile Apps: Research‑Backed Typography Standards

This article presents a comprehensive study on how to create senior‑friendly mobile app text layouts by defining ideal font sizes, line heights, and weight combinations through user research, eye‑tracking experiments, and a systematic evaluation framework.

Mobile UITypographyaccessibility
0 likes · 9 min read
Designing Elder-Friendly Mobile Apps: Research‑Backed Typography Standards
ByteDance SE Lab
ByteDance SE Lab
Mar 10, 2022 · Mobile Development

How Fastbot Boosts iOS App Stability with AI‑Driven Automated Testing

Fastbot, a collaborative AI‑powered testing service from ByteDance’s Quality Lab and GIP iOS platform team, overcomes TestFlight limits by using machine learning and reinforcement learning to automate stability testing, improve code coverage, detect accessibility issues, and streamline result consumption for faster app releases.

Automated TestingaccessibilityiOS testing
0 likes · 15 min read
How Fastbot Boosts iOS App Stability with AI‑Driven Automated Testing
Taobao Frontend Technology
Taobao Frontend Technology
Feb 22, 2022 · Frontend Development

Beyond Speed: How Front‑End Design Shapes User Experience

This article explores user experience from a front‑end perspective, defining UX, examining the many factors that influence it—including user state, environment, and product features—and outlining practical design considerations such as performance, interaction details, and accessibility to create truly engaging digital products.

Performance Optimizationaccessibilitydesign principles
0 likes · 11 min read
Beyond Speed: How Front‑End Design Shapes User Experience
Baidu Geek Talk
Baidu Geek Talk
Feb 14, 2022 · Artificial Intelligence

AI Sign Language Digital Human: Technology, Challenges, and Development by Baidu Intelligent Cloud

Baidu’s AI‑driven sign‑language digital human combines ultra‑accurate speech recognition, specialized translation, and precise gesture‑generation models—backed by extensive motion‑capture data and expert validation—to deliver 24‑hour, high‑fidelity signing for millions of hearing‑impaired users, showcasing inclusive AI communication.

AIaccessibilitygesture generation
0 likes · 12 min read
AI Sign Language Digital Human: Technology, Challenges, and Development by Baidu Intelligent Cloud
Alipay Experience Technology
Alipay Experience Technology
Feb 14, 2022 · Frontend Development

Mastering the Ant Design Mobile Picker: API, Gestures, Performance & Accessibility

This article walks through the design and implementation of Ant Design Mobile's Picker component, covering its API, gesture handling, animation techniques, performance optimizations, and accessibility improvements for screen‑reader users, while sharing practical code examples and visual diagrams.

Ant Design MobilePicker ComponentReact
0 likes · 12 min read
Mastering the Ant Design Mobile Picker: API, Gestures, Performance & Accessibility
VMIC UED
VMIC UED
Jan 11, 2022 · Fundamentals

Designing for Aging Eyes: How Vision Changes Impact Color Use

This article explores how age‑related changes in the eye—such as lens yellowing, reduced pupil size, and altered cone distribution—affect light and colour perception, and provides practical design recommendations for creating elder‑friendly interfaces and colour schemes.

Design Guidelinesaccessibilitycolor perception
0 likes · 9 min read
Designing for Aging Eyes: How Vision Changes Impact Color Use
Tencent Mobility Industry Design Center
Tencent Mobility Industry Design Center
Dec 21, 2021 · Mobile Development

How the Digital Palace Museum Mini‑Program Merges Culture, AI, and AR for Immersive Mobile Experiences

This case study details the design of the Digital Palace Museum WeChat mini‑program, covering its cultural goals, simplified visual language, clear content categorisation, immersive and warm UI for all ages, AI‑driven voice assistance, AR navigation, and real‑time crowd‑flow features.

AIARCultural Heritage
0 likes · 13 min read
How the Digital Palace Museum Mini‑Program Merges Culture, AI, and AR for Immersive Mobile Experiences
ByteFE
ByteFE
Dec 10, 2021 · Frontend Development

Curated Technical Articles on Frontend Development, Web Technologies, and Node.js

This curated collection presents a range of technical articles covering front‑end user experience, 3D visualization, WebGPU vs WebGL performance, React and Node.js advancements, as well as practical guides on unit testing and web accessibility, offering valuable insights for modern web developers.

Webaccessibilitynodejs
0 likes · 6 min read
Curated Technical Articles on Frontend Development, Web Technologies, and Node.js
Shopee Tech Team
Shopee Tech Team
Nov 4, 2021 · Frontend Development

Web User Experience Design Improvement Practices (Part 2): Interaction Design and Accessibility

The article offers a hands‑on guide, drawn from the Shopee WMS rebuild, that improves web user‑experience by optimizing interaction design—applying “Don’t Make Me Think,” appropriate cursor cues, expanded click zones, selective text‑selection, semantic navigation links, and system‑font stacks—and by enforcing accessibility standards such as WCAG contrast ratios, focus‑visible styling, and WAI‑ARIA roles and attributes.

CSSWAI-ARIAWCAG
0 likes · 28 min read
Web User Experience Design Improvement Practices (Part 2): Interaction Design and Accessibility
Sohu Tech Products
Sohu Tech Products
Nov 4, 2021 · Mobile Development

Comprehensive Guide to iOS UI Automation Testing with XCUITest, Appium, and Web Service Architecture

This article provides a detailed overview of iOS UI automation testing, covering XCUITest fundamentals, accessibility considerations, code examples, manual and recorded test case creation, command‑line toolchains, Web Service‑based architecture, and a comparison of Appium and Macaca for building scalable, cross‑platform mobile testing platforms.

AppiumUI automationXCUITest
0 likes · 27 min read
Comprehensive Guide to iOS UI Automation Testing with XCUITest, Appium, and Web Service Architecture
Shopee Tech Team
Shopee Tech Team
Oct 22, 2021 · Frontend Development

Web UI/UX Design Improvement Guide – Page Presentation (Part 1)

This guide, based on rebuilding Shopee’s Warehouse Management System front‑end, details how to enhance UX through responsive page layouts, strategic content placement, robust empty‑state and image handling, and purposeful transitions and animations, while emphasizing speed, accessibility, and thoughtful design.

Animationaccessibilityfrontend
0 likes · 19 min read
Web UI/UX Design Improvement Guide – Page Presentation (Part 1)
Taobao Flash Sale Design
Taobao Flash Sale Design
Sep 14, 2021 · User Experience Design

Designing Elder-Friendly Medicine Purchasing on Ele.me: Usability Insights and Solutions

This study investigates the challenges elderly users face when buying medicine on the Ele.me app, conducts usability testing with eight senior participants, identifies visual, cognitive, and interaction barriers, and proposes three design strategies—visual adaptation, what‑you‑see‑is‑what‑you‑get, and minimalism—to create an age‑friendly experience.

Design Guidelinesaccessibilityelderly usability
0 likes · 12 min read
Designing Elder-Friendly Medicine Purchasing on Ele.me: Usability Insights and Solutions
58UXD
58UXD
Sep 3, 2021 · Fundamentals

How Accessible Design Improves Usability for Elderly Cleaning Staff

This article explains the concept of information accessibility, why it matters for a cleaning‑staff app, the specific barriers faced by older workers, and the design solutions—including optimal font size, adjustable text, color contrast, clear icons, simplified information, and multimodal feedback—that were implemented to create a more inclusive user experience.

UI designaccessibilitycolor contrast
0 likes · 8 min read
How Accessible Design Improves Usability for Elderly Cleaning Staff
Baidu MEUX
Baidu MEUX
Aug 23, 2021 · Mobile Development

How Baidu’s ‘Big Font’ App Redefines Mobile Design for the Elderly

Facing a rapidly aging population, Baidu’s Big Font app combines AI‑driven large‑font interfaces, high‑contrast colors, extended audio cues, simplified gestures, and voice‑over features to create an accessible, emotionally supportive mobile experience that addresses seniors’ visual, auditory, motor, and cognitive challenges.

AI assistanceLarge Fontaccessibility
0 likes · 13 min read
How Baidu’s ‘Big Font’ App Redefines Mobile Design for the Elderly
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.

ARIAScreen Readeraccessibility
0 likes · 10 min read
Make Your Apps and Websites Fully Accessible: Practical Tips and Auto‑Generated Code
Taobao Frontend Technology
Taobao Frontend Technology
Jun 9, 2021 · Frontend Development

How Human Vision Shapes Smart Color Design for UI

This article explores how the human eye perceives color, explains various color models and color blindness, and shows how these insights can be applied to frontend design, accessibility, and automated color generation for smarter, more inclusive user interfaces.

UI automationaccessibilitycolor models
0 likes · 20 min read
How Human Vision Shapes Smart Color Design for UI
JD.com Experience Design Center
JD.com Experience Design Center
May 18, 2021 · Frontend Development

Mastering Dark Mode: Design Principles, Color Contrast, and Accessibility

This article explains the purpose of dark mode, outlines design principles such as layer hierarchy, color contrast, saturation, text opacity, and state representation, and distinguishes dark mode from night mode, providing practical guidelines for creating accessible and visually appealing dark‑theme interfaces.

Dark ModeMaterial DesignUI design
0 likes · 8 min read
Mastering Dark Mode: Design Principles, Color Contrast, and Accessibility
ByteFE
ByteFE
May 10, 2021 · Frontend Development

Guide Component – Design, Features, and Technical Implementation for Frontend Applications

This article explains the design, presentation modes, precise positioning, keyboard interaction, and technical implementation—including mask handling, popover placement, and React portal usage—of a step‑by‑step guide component for frontend applications, along with code examples and deployment considerations.

UIaccessibilityguide component
0 likes · 19 min read
Guide Component – Design, Features, and Technical Implementation for Frontend Applications
Taobao Frontend Technology
Taobao Frontend Technology
Apr 28, 2021 · Frontend Development

How Alibaba’s Taobao Gold Upgrade Revolutionized Frontend Game Development

This article details the evolution of the Taobao Gold product, the challenges faced during its upgrade to a town-themed experience, and the frontend solutions—including a mixed DOM‑Canvas architecture, layered rendering, animation techniques, performance optimizations, and accessibility implementations for visually impaired users.

AnimationCanvasaccessibility
0 likes · 19 min read
How Alibaba’s Taobao Gold Upgrade Revolutionized Frontend Game Development
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 26, 2021 · Game Development

How Eva.js Empowers Front‑End Engineers to Build Interactive Games at Low Cost

Eva.js, an open‑source interactive game engine developed by Alibaba for two years, lets front‑end engineers create low‑cost, high‑performance web games using familiar HTML/CSS and PixiJS rendering, with ECS architecture, performance‑focused loading, accessibility support, and a lightweight state‑management system.

ECSEva.jsPixiJS
0 likes · 10 min read
How Eva.js Empowers Front‑End Engineers to Build Interactive Games at Low Cost
Dada Group Technology
Dada Group Technology
Apr 23, 2021 · Frontend Development

Accessibility Adaptation for JD Daojia React Native Application

This article details the background, research, identified issues, and step‑by‑step technical solutions—including code examples—for implementing comprehensive accessibility support in the JD Daojia React Native (RN) platform, aiming to enable visually impaired users to complete the full purchase flow.

RNReact NativeUI
0 likes · 12 min read
Accessibility Adaptation for JD Daojia React Native Application
Taobao Frontend Technology
Taobao Frontend Technology
Apr 20, 2021 · Frontend Development

How Alibaba’s EVA Framework Delivered Ultra‑Fast, Stable Double‑11 Interactive Pages

This article explains how the Taobao interaction team used a custom EVA front‑end solution, optimized page rendering infrastructure, and a global stability strategy to achieve lightning‑quick, fault‑free interactive experiences during Double‑11, while also supporting accessibility and low‑code modal production.

EVA frameworkInteractive DevelopmentWeb Performance
0 likes · 13 min read
How Alibaba’s EVA Framework Delivered Ultra‑Fast, Stable Double‑11 Interactive Pages
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 6, 2021 · Frontend Development

How to Make Your Apps Truly Accessible with Automatic Imgcook Code

This article explains why accessibility matters for all users, demonstrates how blind users interact with mobile screens, identifies common focus and labeling issues, and provides practical ARIA and ReactNative code patterns plus Imgcook‑driven automation to generate accessible components efficiently.

ARIAScreen Readeraccessibility
0 likes · 10 min read
How to Make Your Apps Truly Accessible with Automatic Imgcook Code
ByteFE
ByteFE
Mar 26, 2021 · Frontend Development

Curated Frontend Development Resources: Accessibility, CSS, JavaScript, and Low‑Code

This post curates a selection of frontend development articles on accessible components, gesture‑driven design, CSS performance tricks, obscure CSS properties, SVG filters, WebAssembly video frame extraction, Notion editor architecture, low‑code/no‑code tools, and front‑end engineering low‑code systems.

SVGWebAssemblyaccessibility
0 likes · 3 min read
Curated Frontend Development Resources: Accessibility, CSS, JavaScript, and Low‑Code
ByteFE
ByteFE
Feb 7, 2021 · Frontend Development

Best Practices for Secure, Accessible, and User‑Friendly Sign‑In Forms

This guide explains how to build sign‑in forms that are secure, accessible, and easy to use by leveraging semantic HTML elements, appropriate input attributes, responsive design, password‑visibility toggles, client‑side validation, and real‑user monitoring to reduce abandonment and improve the overall user experience.

HTMLUXaccessibility
0 likes · 24 min read
Best Practices for Secure, Accessible, and User‑Friendly Sign‑In Forms
ByteFE
ByteFE
Feb 4, 2021 · Frontend Development

Sign‑in Form Best Practices: Design, Accessibility, and Implementation

This guide outlines essential sign‑in form best practices, covering meaningful HTML elements, proper labeling, attribute usage, mobile‑friendly design, accessibility features, password handling, validation, analytics, and real‑time testing, with code examples to help developers create secure, user‑centric login experiences.

HTMLUXaccessibility
0 likes · 24 min read
Sign‑in Form Best Practices: Design, Accessibility, and Implementation
ByteFE
ByteFE
Jan 24, 2021 · Frontend Development

2020 Web Development Research Roundup: Key Findings from Major Front‑End Surveys and Reports

This article aggregates and translates the major 2020 web‑development research—including MDN’s developer needs assessment, HTTP Archive’s state‑of‑the‑web, State of CSS, GitHub Octoverse, Stack Overflow, Angular, JetBrains, WebAIM, and numerous other surveys—to reveal trends in accessibility, documentation, CSS adoption, API usage, and developer satisfaction across the front‑end ecosystem.

2020 Trendsaccessibilitydeveloper ecosystem
0 likes · 19 min read
2020 Web Development Research Roundup: Key Findings from Major Front‑End Surveys and Reports
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 20, 2020 · Mobile Development

How Youku Made Its Mobile App Accessible for Visually Impaired Users

This article details Youku's comprehensive accessibility overhaul for its mobile client, describing collaboration with blind‑testing experts, deep technical adaptations across Android, iOS, Weex, Flutter and H5, and specific UI improvements that enable visually‑impaired users to navigate and enjoy video content independently.

AndroidScreen Readeraccessibility
0 likes · 15 min read
How Youku Made Its Mobile App Accessible for Visually Impaired Users
网易UEDC
网易UEDC
Dec 8, 2020 · Product Management

Designing Elder‑Friendly Mobile Banking Apps: Key Principles and Research Insights

This article analyzes the recent cash‑payment refusal incident involving senior citizens, presents the Chinese government's response, and shares in‑depth research on elderly users' challenges and expectations with mobile banking, culminating in four actionable design principles to improve accessibility, control, security, and boundary awareness.

accessibilityelderly bankingfinancial inclusion
0 likes · 12 min read
Designing Elder‑Friendly Mobile Banking Apps: Key Principles and Research Insights
Youku Technology
Youku Technology
Dec 3, 2020 · Mobile Development

Youku Launches Accessibility Theater for Visually Impaired Users

On International Day of Persons with Disabilities, Youku partnered with the China Braille Library to launch an Accessibility Theater, adding screen‑reader support, voice navigation and a color‑blindness mode to its app, and pledging 100 accessible films within three years, making it China’s first video platform offering comprehensive services for visually impaired users.

Youkuaccessibilityaccessible video
0 likes · 5 min read
Youku Launches Accessibility Theater 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
Nov 19, 2020 · Frontend Development

How Alibaba’s EVA Framework Delivered Lightning‑Fast Double 11 Interactive Cats

Alibaba’s Double 11 “Super Star Show Cat” interactive experience achieved ultra‑fast page loads, seamless animation, and zero failures by leveraging a custom EVA front‑end solution, optimized page rendering infrastructure, modular loading, data slimming, accessibility support, and a global stability strategy with device‑level experience grading.

EVAWebaccessibility
0 likes · 13 min read
How Alibaba’s EVA Framework Delivered Lightning‑Fast Double 11 Interactive Cats
Taobao Frontend Technology
Taobao Frontend Technology
Sep 11, 2020 · Game Development

Building a Scalable Interactive Game Engine with ECS: Alibaba’s EVA Experience

This article explains how Alibaba’s EVA interactive engine uses an Entity‑Component‑System architecture, editor integration, performance and accessibility optimizations, and Rax‑based components to create a highly extensible, developer‑friendly solution for building engaging game‑like experiences across its ecosystem.

ECSaccessibilitygame engine
0 likes · 13 min read
Building a Scalable Interactive Game Engine with ECS: Alibaba’s EVA Experience
Laravel Tech Community
Laravel Tech Community
Jul 27, 2020 · Frontend Development

Angular Overview: Features, Performance, Productivity, and Development Workflow

Angular, a Google‑maintained front‑end framework from version 2 onward, offers cross‑platform capabilities such as progressive web apps, native mobile and desktop applications, along with high performance through code generation, server‑side rendering, automatic code splitting, and a rich productivity ecosystem including CLI, IDE support, testing, animation and accessibility tools.

Angularaccessibilityfrontend
0 likes · 4 min read
Angular Overview: Features, Performance, Productivity, and Development Workflow
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 5, 2020 · Mobile Development

How DinamicX Enables Mobile Accessibility for Visually Impaired Users

This article explains how DinamicX provides cross‑platform accessibility support for mobile apps, detailing the definitions of accessibility, the technical solutions for iOS and Android, SDK attributes, code examples, validation gates, and the broader vision of making Taobao usable for visually impaired users.

AndroidDinamicXaccessibility
0 likes · 13 min read
How DinamicX Enables Mobile Accessibility for Visually Impaired Users
21CTO
21CTO
May 11, 2020 · Fundamentals

What’s New in Visual Studio Code 1.45? Key Features and Improvements

Visual Studio Code 1.45 introduces enhanced syntax highlighting, accessibility options, GitHub authentication, a preview JavaScript debugger, WebAssembly performance boosts, and new editor settings, offering developers a richer, more efficient coding experience across platforms.

IDESoftware UpdateVS Code
0 likes · 3 min read
What’s New in Visual Studio Code 1.45? Key Features and Improvements
WecTeam
WecTeam
Apr 30, 2020 · Frontend Development

Boost Your Site Speed: Essential Front‑End Performance Checklist for 2020

This article presents a comprehensive front‑end performance checklist covering network optimizations like OCSP stapling, IPv6 adoption, HTTP/2 deployment, HTTP/3 readiness, HPACK compression, security hardening, testing workflows, continuous monitoring, and quick‑win tactics to dramatically improve page load times and user experience.

Frontend Performanceaccessibilityhttp2
0 likes · 20 min read
Boost Your Site Speed: Essential Front‑End Performance Checklist for 2020
21CTO
21CTO
Apr 1, 2020 · Frontend Development

Boost Your Site’s Accessibility: 4 Practical Tips for Frontend Developers

This article offers four actionable strategies—color‑blind‑friendly design, meaningful alt text, light/dark mode support, and video subtitles—to make websites more accessible for the billions of users with visual impairments, improving overall user experience and inclusivity.

accessibilityalt textcolor blindness
0 likes · 5 min read
Boost Your Site’s Accessibility: 4 Practical Tips for Frontend Developers
360 Tech Engineering
360 Tech Engineering
Mar 27, 2020 · Mobile Development

Implementing Black‑Box Automation Testing Using Android Accessibility Service

This article explains how to build an Android Accessibility service to perform black‑box automation testing, compares its advantages and limitations with UiAutomator1.0/2.0, and provides detailed configuration steps and code examples for service setup, event handling, gesture dispatch, and practical testing scenarios.

AccessibilityServiceAndroidaccessibility
0 likes · 12 min read
Implementing Black‑Box Automation Testing Using Android Accessibility Service
360 Quality & Efficiency
360 Quality & Efficiency
Mar 20, 2020 · Mobile Development

Using Android Accessibility Service for Black‑Box Automation Testing

This article explains how to set up an Android Accessibility Service to perform black‑box automation testing, outlines its advantages over standard UiAutomator frameworks, details configuration steps, code examples, limitations, and provides guidance on selecting appropriate testing solutions.

AccessibilityServiceAndroidAutomationTesting
0 likes · 12 min read
Using Android Accessibility Service for Black‑Box Automation Testing
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 27, 2020 · Frontend Development

Mastering Dark Mode: CSS & JavaScript Techniques for Seamless Light/Dark Switching

This article explains why dark mode has become a web design focus, describes system‑level dark/light themes, and provides step‑by‑step CSS and JavaScript solutions—including media queries, custom properties, color‑scheme, filters, mix‑blend‑mode, image handling, and loading strategies—to implement reliable dark mode across browsers.

CSSDark ModeJavaScript
0 likes · 25 min read
Mastering Dark Mode: CSS & JavaScript Techniques for Seamless Light/Dark Switching
Youku Technology
Youku Technology
Jan 7, 2020 · Mobile Development

Comprehensive Design and Technical Summary of Full Dark Mode Support for the Youku App

The article delivers a detailed 117‑page, eleven‑chapter overview of Youku’s full Dark Mode implementation, explaining the motivation, battery and accessibility benefits, design methodology—including color token systems and contrast hierarchy—and the coordinated technical execution across iOS and Android platforms.

AndroidDark Modeaccessibility
0 likes · 13 min read
Comprehensive Design and Technical Summary of Full Dark Mode Support for the Youku App
360 Tech Engineering
360 Tech Engineering
Nov 19, 2019 · Mobile Development

New Accessibility Features in iOS 13: Voice Control, Media Autoplay Disable, and Custom API

The article introduces iOS 13's new accessibility enhancements—including Voice Control with numeric overlays and command shortcuts, a system‑wide option to disable media autoplay, and the UIAccessibilityCustomActionHandler API—explaining their benefits for developers and accessibility testing.

Media Autoplayaccessibilitycustom API
0 likes · 5 min read
New Accessibility Features in iOS 13: Voice Control, Media Autoplay Disable, and Custom API
政采云技术
政采云技术
Nov 10, 2019 · Frontend Development

Comprehensive Guide to Web Image Optimization and Performance Techniques

This article systematically explains web image optimization, covering image formats, request and volume reduction techniques such as HTTP/2, lazy loading, caching, sprites, Base64, multi‑resolution handling, and accessibility considerations, providing practical code examples and tool recommendations for front‑end developers.

HTTP/2Image Optimizationaccessibility
0 likes · 26 min read
Comprehensive Guide to Web Image Optimization and Performance Techniques
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.

ARIAHTMLWeb Development
0 likes · 10 min read
Understanding ARIA: Accessible Rich Internet Applications – Links and Buttons
Aotu Lab
Aotu Lab
Sep 6, 2019 · Frontend Development

How We Revamped Our Homepage with TypeScript, Webpack, and Accessibility Enhancements

The article details a comprehensive homepage redesign that introduced strict TypeScript type checking, migrated to a customized Webpack build, added Nightwatch.js automated tests, upgraded monitoring with BadJS and performance metrics, implemented skeleton screens, and improved accessibility for visually impaired users.

Automated TestingFrontend OptimizationTypeScript
0 likes · 16 min read
How We Revamped Our Homepage with TypeScript, Webpack, and Accessibility Enhancements