Tag

semantic HTML

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 26, 2024 · Frontend Development

Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements

This article explains how visual hierarchy in UI design can be achieved by strategically using font weight, color, and contrast instead of size, offering practical examples of emphasizing primary elements, weakening secondary ones, handling label-value patterns, and applying semantic HTML for clearer, more effective interfaces.

UI designcolor contrastfont weight
0 likes · 8 min read
Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements
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 ReadersWeb Accessibility
0 likes · 16 min read
Implementing ARIA and Accessibility Best Practices for Mobile Web Applications
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