Web Tools tools.bryantsmith.com

Creative Workflow Helpers

Accessible Name Calculator

Paste HTML, choose an element, and see the accessible name assistive technology computes — following the WAI-ARIA accessible name rules. Everything runs in your browser.

Runs in your browser v1.0.0

HTML markup

inert sandbox

Parsed in an inert sandbox: scripts and event handlers never run, and your markup never leaves the page.

Accessible name

role: —

How this name was computed

    About accessible names

    The accessible name is the label assistive technology announces for a control. It is computed from a fixed order of sources: aria-labelledby, then aria-label, then native markup such as <label> and alt, then the element’s own content, and finally placeholder and title. This tool follows the WAI-ARIA Accessible Name and Description Computation for common controls and explains every step, so it can double as a quick teaching aid.

    Related tools

    • .env Compare & MergeCompare development, staging, and production .env key sets without exposing secret values, then build a merged template.
    • Apache Rewrite TesterTest Apache mod_rewrite rules against a sample request path and see the rewritten URL, redirects, captures and warnings.
    • Cookie Builder & InspectorBuild a Set-Cookie header or paste one to inspect its expiry, path, domain, Secure, HttpOnly and SameSite attributes — entirely in your browser.
    • CORS Header Builder & ExplainerModel a cross-origin request and get the exact CORS response headers to send, explained in plain language.
    • CSP AnalyzerPaste a Content-Security-Policy to flag risky, redundant, contradictory, and commonly misunderstood directives — entirely in your browser.
    • CSS Cascade Conflict ExplainerPaste competing CSS declarations and instantly see which one wins and why — importance, layers, specificity and source order.

    More Creative Workflow Helpers tools