1. Perceivable

​

1.1 Text Alternatives

​

1.1.1 Non-text Content (Level A)

​

​

​

​

​

​

​

Observation: Very few images and icons on the website have alt attributes. On the home page, limited elements- such as the Air India logo and the date picker has meaningful alt text. The TATA logo has the wrong alt text (misquoted as “Air India”), and other elements have either missing alt text (null) or non-descriptive alt text. 

 

Recommendation: Create text alternatives that serve the same purpose and present the same information as original non-text content. 

 

1.3 Adaptable

​

1.3.1 Info and Relationships (Level A)

​

Observation: The home page has no first-level heading (h1). The structure is limited to h2,h4, and h5.

 

Recommendation: Include proper structure and hierarchy in all pages, as it provides a way for Assistive Tech (AT) to identify a piece of content as a heading. Applying role="heading" to an element causes an AT (e.g: screen reader) to treat it as though it were a heading.

 

1.3.2 Meaningful Sequence (Level AA)

​

​

​

​

​

​

​

​

Observation: The text “Fly Non-stop!” has two heading structures for aesthetic reasons (“FLY” -> h2 and “NON-STOP” -> h4), which denies a meaningful sequence of words to screenreader users.

 

Recommendation: Follow the same heading levels for words that are part of the same phrase or sentence, as it provides a way for Assistive Technologies (AT) to identify a piece of content as a coherent set of words.

 

1.3.3: Sensory Characteristics (Level A)

 

 

 

 

 

 

Observation: The search button on home page lacks label & alt-text. It uses only graphic symbols to convey information.

​

Recommendation: Ensure that items within a web page are properly referenced in the content, especially not only by shape, size, sound, or location but also in ways that do not depend on that sensory perception.

​

1.4 Distinguishable

 

1.4.3 Contrast (Minimum) (Level AA)

​

​

​

​

​

​

​

​

​

 

Observation: Contrast ratios of 2.64:1 and 2.22:1 were recorded for normal text (using WebAIM Contrast Checker)

 

Recommendation: The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for 

• Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;

• Text or images of text that are part of an inactive user interface component, that are pure decoration, that is not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.

• Text that is part of a logo or brand name has no contrast requirement.

 

1.4.4: Resize text (Level AA)  ✅ 

 

Observation: Scales up to 500%.

 

1.4.5: Images of Text Level AA

​

​

​

​

​

​

 

 

 

Observation: Images of texts are frequently used instead of text. Eg: Posters/banners used on the homepage to convey the welcome message and special offers cannot be identified by a screen reader.

 

Recommendation: It is better to use real text for the text portion of graphical elements, and a combination of semantic markup and style sheets to create the appropriate visual presentation.

​

1.4.11: Non-text Contrast Level AA

​

​

​

​

​

Observation: The contrast levels of prominent buttons at the bottom of the home page is 1.54:1 in the non-hover state. Radio buttons on the home page feature a contrast level of 1.2:1. Various buttons on the product using a color with a contrast level of 2.46:1, which falls below the required level.

​

Recommendation: Ensure graphical icons provide enough contrast for people with vision impairments. When choosing the colors for graphics, consider the color(s) adjacent to that graphic, and test that the contrast ratio is at least 3:1

 

  2. Operable

​

2.1 Keyboard Accessible

​

2.1.1 Keyboard (Level A)

 

Observation:  The 'language' and 'search' UI components on the home page are not keyboard accessible. The radio buttons for ‘one-way’ and ‘round-trip’ are not keyboard accessible. The scrolling information is not read out by the screen reader which skips to clickable links within the scrolling information such as ‘click here’ and ‘know more’.

 

Recommendation: Provide keyboard operation for all the functionality of the page. When all functionality of content can be operated through a keyboard or keyboard interface, it can be operated by those with no vision as well as by those who must use alternate keyboards or input devices that act as keyboard emulators like speech input software or on-screen keyboards.

​

2.4 Navigable

 

2.4.7: Focus Visible Level AA

​

​

​

​

​

Observation: Two prominent tabs on the home page: ‘Search Flights’ and ‘Flight Status’ does not feature focus visibility. Some carousel elements on the home page do not have focus visibility.

 

Recommendation:  Ensure that the focused component can be visually identified by the user by relying on user agent support. Increase contrast on the current/selected tab for better visibility of system status for cognitive-disabled users.

​