ARIA Attribute Validator - Online Check HTML Accessibility
Paste an HTML snippet and check for common ARIA mistakes: missing labels, invalid roles, and aria‑hidden misuse. Educate your team.
UD5 Toolkit
Validate & parse BCP 47 language tags for your HTML lang attribute
| Tag | Language | Region |
|---|---|---|
en | English | - |
en-US | English | United States |
en-GB | English | United Kingdom |
zh-CN | Chinese | China |
zh-TW | Chinese | Taiwan |
zh-Hans | Chinese (Simplified) | - |
zh-Hant | Chinese (Traditional) | - |
fr-FR | French | France |
de-DE | German | Germany |
ja-JP | Japanese | Japan |
ko-KR | Korean | South Korea |
es-ES | Spanish | Spain |
es-MX | Spanish | Mexico |
pt-BR | Portuguese | Brazil |
pt-PT | Portuguese | Portugal |
it-IT | Italian | Italy |
ru-RU | Russian | Russia |
ar-SA | Arabic | Saudi Arabia |
hi-IN | Hindi | India |
nl-NL | Dutch | Netherlands |
sv-SE | Swedish | Sweden |
pl-PL | Polish | Poland |
tr-TR | Turkish | Turkey |
vi-VN | Vietnamese | Vietnam |
th-TH | Thai | Thailand |
id-ID | Indonesian | Indonesia |
ms-MY | Malay | Malaysia |
Click any tag to validate it instantly
lang attribute specifies the primary language of a webpage or a specific element. It helps search engines understand content language, improves accessibility for screen readers, and ensures proper text rendering. Using a valid BCP 47 language tag like en-US helps browsers apply correct hyphenation, font selection, and spelling dictionaries.
en, zh), optionally followed by a script subtag (4 letters, e.g., Hant), a region subtag (2 letters or 3 digits, e.g., US), and variant subtags. Examples: en-US, zh-Hant-CN.
lang attribute as a signal to determine the language of your content. Proper language tagging helps with geo-targeting, improves search result accuracy for multilingual queries, and can enhance your site's visibility in language-specific search results. It also supports proper hreflang implementation for multilingual websites.
lang attribute declares the language of the current page's content. The hreflang attribute (used in <link> tags or sitemaps) tells search engines about alternate language versions of a page. While both use BCP 47 tags, lang is for the current document, and hreflang points to other language versions. For example: <html lang="en-US"> vs <link rel="alternate" hreflang="es-MX" href="...">.
en-US (English - US), en-GB (English - UK), zh-CN (Chinese - China), fr-FR (French - France), de-DE (German - Germany), ja-JP (Japanese), es-ES (Spanish - Spain), pt-BR (Portuguese - Brazil), ar-SA (Arabic), and ru-RU (Russian). You can find a comprehensive list in the reference table on this page.
-) as separators, not underscores. For instance, en_US is invalid; the correct form is en-US. Using underscores is a common mistake inherited from programming language locale conventions (like en_US in Python or C). Always use hyphens for HTML lang attributes.
lang attribute on the <html> element for the primary language. For mixed-language content, add lang attributes to specific elements. Example: <html lang="en"> with <span lang="fr">Bonjour</span>. For separate language versions, use different URLs with proper hreflang annotations to help search engines serve the right version to users.
en (minimal), en-US (language + region), zh-Hant-CN (language + script + region). Tags are case-insensitive but conventionally use lowercase for language and uppercase for region.
Paste an HTML snippet and check for common ARIA mistakes: missing labels, invalid roles, and aria‑hidden misuse. Educate your team.
Paste JavaScript and catch syntax errors instantly with line numbers. Lightweight pre‑commit check. Local.
Paste a WebVTT file and instantly check for syntax errors. Validate timestamps and cue formatting. Essential for video devs.
Paste HTML snippet and highlight interactive elements missing accessible labels. Quick a11y audit.
Paste any DNS record and check if its format is valid for the selected record type (A, AAAA, CNAME, MX, TXT, SRV). Prevents typos.
Enter a text color and background color and instantly see if the combination passes WCAG AA and AAA ratio. Safe colors.
Paste your manifest.json and instantly validate it against the W3C spec. Catch errors and warnings. Client‑side.
Paste an SVG and check if the graphic‑aria roles are used correctly. Improve accessible diagrams and icons.
Convert plain text into HTML‑safe strings by escaping <, >, &, and quotes. Insert into code safely. Local copy.
Create a fully accessible form by adding fields; the tool generates the proper labels, inputs, and ARIA attributes. Copy the clean HTML.
Instantly convert plain text into HTML‑safe escaped characters for secure display in web pages. Prevent cross‑site scripting. All processing local.
Enter any number up to trillion and get the English word representation. For filling out checks or legal documents.
Create SEO‑friendly slugs that handle characters from any language. Removes accents, converts Cyrillic, Greek, etc. to Latin. Local.
Convert plain text lines into HTML ordered or unordered lists. Instantly copy the generated HTML to paste into your website. No hassle, fully browser-based.
Paste a string of weather emojis and get a written weather forecast. Fun and educational emoji tool.
Convert .srt subtitles to .vtt format for web video players. Preserves all timestamps and formatting. Local.
Create a 5‑star rating widget using only HTML and CSS. Customize colors and size. Copy the clean code.
Encode latitude/longitude into a geohash string and decode a geohash back to coordinates with precision info. Local algorithm.
Enter original and target color to compute the exact CSS hue‑rotate(deg) filter needed. For precise icon and image tinting.
Automatically restore natural colors to a photo by removing color casts. Gray world algorithm. One‑click fix. Canvas.
Paste a set of hex colors and simulate how they appear with common color vision deficiencies. Get contrast warnings.
Search common dream symbols and their traditional meanings. For entertainment and self-reflection. Static data.
See how a PWA can extend content into the title bar area on desktop. Customize the window controls overlay.
Enter latitude and longitude and get a human‑readable address using the browser's built‑in reverse geocoding (if available).
Generate a grand, aristocratic title like 'Duke of Waffleshire'. Perfect for silly fun or RPG characters. Local.
Shift the color temperature of your photo towards warm (orange) or cool (blue). Instant canvas filter. Download result.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Enter an HTML snippet and see a rough transcription of what a screen reader might announce. Check alt texts.
Interactive visual guide to figure out if a door is left-handed or right-handed. Click through steps. Avoid ordering the wrong door.
Pick a base color and generate a 10‑step scale where each step meets a specific contrast ratio against white or black. Export as CSS custom properties.