HTML <a> name Attribute

HTML | aria-label attribute

Last Updated : 22 Jul, 2024

The aria-label helps define a string and provides additional information about the structure of the document for users using assistive technology. In most cases, arial-label is used to replace an existing label with more precise information. However, we should be careful while using aria-label as it does not work with all HTML elements.

The aria-label attribute can be used with HTML elements such as:

select
textarea
button
a(when href="#" is in use)
audio and video(when control="#" is in use)

The aria-label attribute does not always work with HTML elements like span, p, div. It may work across some of the browse assistive technology combinations.

Syntax:

html

<button aria-label="open" onclick="function()">CLICK</button>

Here, a button will be created with “click” written on it. The aria-label - Provides a label that exact mentions its output/function by using assistive technologies.

Example:

html

<!DOCTYPE html>
<html>

<head>
</head>

<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <button value="open">open</button>

        <button aria-label="opens a new window" 
                value="open"> open </button>
    </center>
</body>

</html>

Here, as you can see an HTML page will open and will contain buttons side by side that are identical to each other without any difference. Now if someone is using a chromevox extension in chrome and have their earphone on while pressing tab, then they will hear the word “open” when the first button is selected, whereas when the second button is selected they will hear the phrase “opens a new window”. This is particularly useful in cases of people with bad eyesight who can see the two buttons but can’t comprehend the text written on them.

Output:

Before clicking the button:

After:

HTML <a> name Attribute

somsagar2019

Improve

Article Tags :

Similar Reads

HTML | aria-labelledby attribute

The aria-labelledby attribute is an inbuilt attribute in HTML that is used to create relationships between objects and their labels. When any element containing both the attribute aria-labelledby and aria-label attribute the browser's high priority will be aria-labelledby without any doubt. This ari

HTML label Attribute

The HTML label Attribute is used to specify the title of the Text Track. The title of the Text Track is used by the browser when listing available text tracks. It is used in <track> element.Â Syntax:<track label="English"> HTML label Attribute Supported Tags:<track><option>

What are HTML Attributes ?

HTML attributes are the entities that provide the extra information about the tags. Attributes are specified using name and value pair. Some HTML tags are used without attributes while for some tags it's important to specify attributes along with them. In paired tags attributes are specified in the

HTML <a> name Attribute

TheÂ HTML anchor name attributeÂ is used to specify the name for an <a> element. It is used to reference the form data after submitting the form or to reference the element in JavaScript. Note:Â The <a> name attribute is not supported by HTML5. Syntax<a name="name"> Attribute Values:A

HTML name Attribute

The HTML name attribute labels elements, notably form inputs, identifying them for data submission. It's crucial for form processing and is often used in JavaScript DOM manipulation. Unique within a form.Note: This attribute has been DEPRECATED and is no longer recommended.Supported tags:ElementDesc

HTML abbr Attribute

The abbr attribute is used to specify the shorter version or abbreviation of the content. It does not describe any visual effect but it is used by screen readers. Usage: It is used in <th> and <td> tag. abbr attribute in <th> tag: Syntax: <th abbr="text"> Attribute values: te

HTML lang Attribute

This attribute is used to specify the language of the element content. Some examples of languages are en for English, es for Spanish, etc. Syntax:<element lang = "language_code">Attribute Value: This attribute contains a single value language_code which is used to specify the language of the c

HTML title Attribute

The title attribute is used to specify extra information about the element. When the mouse moves over the element then it shows the information. Supported Tags: It supports all HTML elements. Syntax: <element title = "text">Attribute Value: This attribute contains single value text which is us

HTML style attribute

In this article, we will see the HTML style attribute, along with understanding its implementation through examples. Styles in HTML are rules that describe how a document will be presented in a browser. Style information can be either attached as a separate document or embedded in the HTML document.

HTML align Attribute

In HTML, the align attribute is used to control the alignment of elements on a webpage. Whether it's for text, images, or tables, the align attribute helps to position content in relation to its surrounding elements.Syntax<element_name align="left | right | center | justify">Attribute ValuesAt