SVG stands for Scalable Vector Graphics. They define graphics on the web. This is comparable to other image types such as gifs and jpegs. This article outlines some knowledge on svg accessibility. The elements and attributes that support svg accessibility and the accessibility problems of svg. <SVG> as a container In addition to having an […]

aria-rowspan property defines the number of rows a cell spanned within a table, grid or a treegrid. Use host attribute equivalent if available. If both the host language equivalent and aria-rowspan property are defined user agents have to pick the value expressed through the host language attribute and expose it to assistive technologies. Content authors […]

aria-rowindex property is used on a table, grid or a treegrid where all the rows are currently not present. aria-rowindex property notifies the index or position of the row in a table or grid or a treegrid with respect to the number of rows available. User agents can calculate the index of the row if […]

Dynamic tables are quite common in modern web. In these dynamic tables, Number of rows and columns depends on the data fetched by the input given by the user or any other parameters that define the table. aria-rowcount (property) will be ideal to use in scenarios where the total number of rows are not available […]

Aria-roledescription property is new in ARIA 1.1 specification. This property allow content author to provide an additional description for the role already available. aria-roledescription property can be provided to the elements that have native markup role or for those elements where role is provided with ARIA specifications. Some screen readers typically localize the name of […]

Aria-placeholder property is new in ARIA 1.1 specifications. This property is used to provide a short hint for text input fields when it does not have any text. In other words the string supplied through aria-placeholder should be available whenever the value property of the text field is empty. The hint provided through this property […]

aria-errormessage property is used to present the error message to a screen reader user. It uses id value to reference the message container. This is similar to aria-describedby property which references a message from any other container on the page using the id value reference. As per WCAG 2.0 SC 3.3.1 Error Identification, user need […]

Aria-details property identifies the element that provides a detailed explanation of an object. It is an ARIA 1.1 property. When an image or a similar element needs a detailed explanation, something more than what aria-describedby can provide aria-details can be used. The detailed explanation can be a container of text on the same page or […]

aria-colspan property defines the number of columns a cell spanned within a table, grid or a treegrid. Use host attribute equivalent if available. If both the host language equivalent and aria-colspan property are defined user agents have to pick the value expressed through the host language attribute and expose it to assistive technologies. Content authors […]

aria-colindex property is used on a table, grid or a treegrid where all the columns are currently not present. aria-colindex property notifies the index or position of the column in a table or grid or a treegrid with respect to the number of columns available. User agents can calculate the index of the column if […]