---
title: JF Blog | HTML
description: HTML | Practical articles on web development, accessibility, and best practices for developers who care about building it right.
---

[Skip to content](https://thedeveloper.javierfuentes.cl/blog/tag/html#main-content)

[![Javier Fuentes - The Developer](https://thedeveloper.javierfuentes.cl/hubfs/jf-dev/img/logos/jf-logo.svg "Javier Fuentes - The Developer")](https://thedeveloper.javierfuentes.cl/)

- [Home](https://thedeveloper.javierfuentes.cl/qa-test)
- Products
  
  Show submenu for Products 
  
    - [Product 1](https://thedeveloper.javierfuentes.cl/qa-test)
      
      Show submenu for Product 1 
      
          - [Sub Product 1](https://thedeveloper.javierfuentes.cl/qa-test)
    - Product 2
      
      Show submenu for Product 2 
      
          - [Sub Product 2](https://thedeveloper.javierfuentes.cl/qa-test)
    - [Sub Product 3](https://thedeveloper.javierfuentes.cl/qa-test)
- [Pricing](https://thedeveloper.javierfuentes.cl/qa-test)
- Blog
- [Company](https://thedeveloper.javierfuentes.cl/qa-test)
  
  Show submenu for Company 
  
    - [History](https://thedeveloper.javierfuentes.cl/qa-test)
    - [Open Positions](https://thedeveloper.javierfuentes.cl/qa-test)

- [Home](https://thedeveloper.javierfuentes.cl/qa-test)
- Products
  
  Show submenu for Products 
  
    - [Product 1](https://thedeveloper.javierfuentes.cl/qa-test)
      
      Show submenu for Product 1 
      
          - [Sub Product 1](https://thedeveloper.javierfuentes.cl/qa-test)
    - Product 2
      
      Show submenu for Product 2 
      
          - [Sub Product 2](https://thedeveloper.javierfuentes.cl/qa-test)
    - [Sub Product 3](https://thedeveloper.javierfuentes.cl/qa-test)
- [Pricing](https://thedeveloper.javierfuentes.cl/qa-test)
- Blog
- [Company](https://thedeveloper.javierfuentes.cl/qa-test)
  
  Show submenu for Company 
  
    - [History](https://thedeveloper.javierfuentes.cl/qa-test)
    - [Open Positions](https://thedeveloper.javierfuentes.cl/qa-test)

Search

- There are no suggestions because the search field is empty.

## Latest articles

Explore the latest posts from the blog.

All Posts

Accessibility

Best-Practices

Javascript

CSS

HTML

UX

WCAG

Workflow

Design-Systems

Performance

<https://thedeveloper.javierfuentes.cl/blog/accessible-data-tables-structure-headers-and-captions>

Mar 14, 2025

![Accessible Data Tables: Structure, Headers, and Captions](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1526374965328-7f61d4dc18c5-1.jpg?width=600&height=300&name=photo-1526374965328-7f61d4dc18c5-1.jpg)

- [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility)
- [HTML](https://thedeveloper.javierfuentes.cl/blog/tag/html)

### Accessible Data Tables: Structure, Headers, and Captions

Data tables are often poorly implemented, turning structured information into an unnavigable wall of cells for screen reader users. Proper u...

By [Linda Zhao](https://thedeveloper.javierfuentes.cl/blog/author/linda-zhao)

Read more   **〉**

<https://thedeveloper.javierfuentes.cl/blog/image-alt-text-a-practical-guide-for-developers>

Nov 10, 2023

![Image Alt Text: A Practical Guide for Developers](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1526374965328-7f61d4dc18c5-1.jpg?width=600&height=300&name=photo-1526374965328-7f61d4dc18c5-1.jpg)

- [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility)
- [HTML](https://thedeveloper.javierfuentes.cl/blog/tag/html)

### Image Alt Text: A Practical Guide for Developers

Alt text is often misunderstood. It is not just a description of what is in the image — it is a functional replacement that conveys the purp...

By [Rachel Green](https://thedeveloper.javierfuentes.cl/blog/author/rachel-green)

Read more   **〉**

<https://thedeveloper.javierfuentes.cl/blog/writing-accessible-forms-labels-errors-and-hints>

Oct 08, 2023

![Writing Accessible Forms: Labels, Errors, and Hints](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1504868584819-f8e8b4b6d7e3-1.jpg?width=600&height=300&name=photo-1504868584819-f8e8b4b6d7e3-1.jpg)

- [Forms](https://thedeveloper.javierfuentes.cl/blog/tag/forms)
- [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility)
- [HTML](https://thedeveloper.javierfuentes.cl/blog/tag/html)

### Writing Accessible Forms: Labels, Errors, and Hints

Forms are among the most critical and most frequently inaccessible components on the web. Proper label association, descriptive error messag...

By [Carlos Mendez](https://thedeveloper.javierfuentes.cl/blog/author/carlos-mendez)

Read more   **〉**

<https://thedeveloper.javierfuentes.cl/blog/semantic-html-the-foundation-of-accessible-development>

Jul 06, 2023

![Semantic HTML: The Foundation of Accessible Development](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1542831371-29b0f74f9713-2.jpg?width=600&height=300&name=photo-1542831371-29b0f74f9713-2.jpg)

- [Best-Practices](https://thedeveloper.javierfuentes.cl/blog/tag/best-practices)
- [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility)
- [HTML](https://thedeveloper.javierfuentes.cl/blog/tag/html)

### Semantic HTML: The Foundation of Accessible Development

Before reaching for ARIA, lean on semantic HTML. Elements like nav, main, article, section, and aside give browsers and screen readers meani...

By [Tom Hughes](https://thedeveloper.javierfuentes.cl/blog/author/tom-hughes)

Read more   **〉**

<https://thedeveloper.javierfuentes.cl/blog/aria-labels-when-to-use-them-and-when-to-avoid-them>

Feb 28, 2023

![ARIA Labels: When to Use Them and When to Avoid Them](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1555066931-4365d14bab8c-1.jpg?width=600&height=300&name=photo-1555066931-4365d14bab8c-1.jpg)

- [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility)
- [Aria](https://thedeveloper.javierfuentes.cl/blog/tag/aria)
- [HTML](https://thedeveloper.javierfuentes.cl/blog/tag/html)

### ARIA Labels: When to Use Them and When to Avoid Them

ARIA (Accessible Rich Internet Applications) attributes extend HTML semantics to help assistive technologies interpret complex UI patterns. ...

By [Sarah Chen](https://thedeveloper.javierfuentes.cl/blog/author/sarah-chen)

Read more   **〉**

 Load more

 Loading...

No more posts to load.

Failed to load posts. Please try again.

[Follow us on Facebook](https://www.facebook.com/) [Follow us on LinkedIn](https://www.linkedin.com/) [Follow us on Twitter](https://www.twitter.com/) [Follow us on Instagram](https://www.instagram.com/)

© 2026 All rights reserved.