BestHub
search
Sign in
Tag

semantic HTML

1 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.

Frontend DevelopmentUI Designcolor contrast
0 likes · 8 min read
Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements
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.

ARIAAccessibilityFrontend
0 likes · 25 min read
How to Build Truly Accessible Web Experiences for All Users
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.

ARIAFrontend DevelopmentScreen Readers
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.

AccessibilityFront-endWCAG
0 likes · 11 min read
Web Accessibility: Semantic HTML and Best Practices
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 29, 2017 · Frontend Development

Master CSS: Semantic HTML, Modular Design, and Naming Conventions

This article explains how to level up your CSS skills by using proper semantic markup, modular component structures, a unified naming system like BEM, and the single‑responsibility principle, providing practical code examples and visual illustrations for robust, maintainable front‑end styling.

Frontendbemcss
0 likes · 9 min read
Master CSS: Semantic HTML, Modular Design, and Naming Conventions