Tag

WCAG

0 views collected around this technical thread.

Coolpad Technology Team
Coolpad Technology Team
Nov 11, 2022 · Frontend Development

Quantitative Color Extraction and Optimization for UI Design

This article presents a scientific color adaptation solution that uses a quantization algorithm to extract dominant image colors, refines them via HSB adjustments, validates against WCAG contrast standards, and demonstrates practical deployment in app store and game center interfaces.

AlgorithmAndroid PaletteHSB
0 likes · 8 min read
Quantitative Color Extraction and Optimization for UI Design
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.

FrontendWCAGa11y
0 likes · 15 min read
Implementing Accessibility (A11y) in Semi Design: Guidelines and Best Practices
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.

CSSFrontend DevelopmentWAI-ARIA
0 likes · 28 min read
Web User Experience Design Improvement Practices (Part 2): Interaction Design and Accessibility
360 Tech Engineering
360 Tech Engineering
May 9, 2019 · Frontend Development

Web Accessibility: Semantic HTML and Best Practices

This article explains why web accessibility matters for all users, demonstrates how semantic HTML, proper use of labels, alt attributes, keyboard navigation, and WCAG 2.0 guidelines improve accessibility, and provides practical code examples and recommendations for creating inclusive front‑end web pages.

WCAGaccessibilityfront‑end
0 likes · 11 min read
Web Accessibility: Semantic HTML and Best Practices
Qunar Tech Salon
Qunar Tech Salon
Oct 11, 2018 · Frontend Development

Ensuring Text Readability with Proper Color Contrast: WCAG Standards, Tools, and Implementation

This article explains why sufficient color contrast between text and background is essential for web readability, outlines WCAG AA/AAA contrast ratios, introduces practical tools and JavaScript/Sass functions for calculating and adjusting contrast, and provides tips for handling semi‑transparent colors and real‑world scenarios.

FrontendSASSWCAG
0 likes · 14 min read
Ensuring Text Readability with Proper Color Contrast: WCAG Standards, Tools, and Implementation
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.

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