Tutorial by Examples: n

A heading for a section of the page. <h1 role="heading">Introduction</h1> <p>Lorem ipsum...</p>

An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. In the majority of cases setting an ARIA role and/or aria-* attribute that matches the default implicit ARIA semantics is unnecessary and not recommended as these...

The main content of a document. <!-- header & nav here --> <div role="main"> <p>Lorem ipsum...</p> </div> <!-- footer here -->

A type of widget that offers a list of choices to the user. <ul role="menu"> <li role="menuitem">New</li> <li role="menuitem">Open</li> <li role="menuitem">Save</li> <li role="menuitem">Clo...

A presentation of menu that usually remains visible and is usually presented horizontally. <ul role="menubar"> <li role="menuitem">File</li> <li role="menuitem">Edit</li> <li role="menuitem">View</li> <...

An option in a group of choices contained by a menu or menubar. <ul role="menubar"> <li role="menuitem">File</li> <li role="menuitem">Edit</li> <li role="menuitem">View</li> <li role="menuitem&quot...

A checkable menuitem that has three possible values: true, false, or mixed. <ul role="menu"> <li role="menuitem">Console</li> <li role="menuitem">Layout</li> <li role="menuitemcheckbox" aria-checked="true"&g...

A checkable menuitem in a group of menuitemradio roles, only one of which can be checked at a time. <ul role="menu"> <li role="menuitemradio" aria-checked="true">Left</li> <li role="menuitemradio" aria-checked="false">C...

A collection of navigational elements (usually links) for navigating the document or related documents. <ul role="navigation"> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> <li>&lt...

A section whose content is parenthetic or ancillary to the main content of the resource. <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p role="note">Lorem ipsum...</p>

A selectable item in a select list. <ul role="listbox"> <li role="option">Option 1</li> <li role="option">Option 2</li> <li role="option">Option 3</li> </ul>

An element whose implicit native role semantics will not be mapped to the accessibility API. <div style="float:left;">Some content on the left.</div> <div style="float:right;">Some content on the right</div> <div role="presentation" style=&...

A large perceivable section of a web page or document, that the author feels is important enough to be included in a page summary or table of contents, for example, an area of the page containing live sporting event statistics. <div role="region"> Home team: 4<br> Away t...

A form of range that expects the user to select from among discrete choices. <input role="spinbutton" aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" type="number" value="25">

A container for the resources associated with a tab, where each tab is contained in a tablist. <ul role="tablist"> <li role="tab">Introduction</li> <li role="tab">Chapter 1</li> <li role="tab">Chapter 2</li> ...

import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.nio.charset.StandardCharsets; import java.nio.file.Files; import java.nio.file.Paths; public class ReadingUTF8TextFile { public static void main(String[] args) throws IOException { ...

import java.io.BufferedWriter; import java.io.IOException; import java.nio.charset.StandardCharsets; import java.nio.file.Files; import java.nio.file.Paths; public class WritingUTF8TextFile { public static void main(String[] args) throws IOException { //StandardCharsets is avail...

import java.nio.charset.StandardCharsets; import java.util.Arrays; public class GetUtf8BytesFromString { public static void main(String[] args) { String str = "Cyrillic symbol Ы"; //StandardCharsets is available since Java 1.7 //for ealier version use ...

When an expression contains multiple operators, it can potentially be read in different ways. For example, the mathematical expression 1 + 2 x 3 could be read in two ways: Add 1 and 2 and multiply the result by 3. This gives the answer 9. If we added parentheses, this would look like ( 1 + 2 )...

Query to create table on db CREATE TABLE `user` ( `id` smallint(5) unsigned NOT NULL AUTO_INCREMENT, `name` varchar(30) NOT NULL, `course` smallint(5) unsigned DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB; CREATE TABLE `course` ( `id` smallint(5) unsigned NOT NULL AUTO_INCREMENT, `nam...