Saudia official website is managed using the latest Web Content Accessibility Guidelines WCAG) 2.0 Level AA Success Criteria to make it accessible to the audience worldwide. We strive to deliver the best website experience to users by constantly improving and upgrading the system, irrespective of technology or physical barriers.
For queries or suggestions on website usability and interaction, please contact us.
We have recently updated a few sections of our website concerning design, functionality, and user interaction for ease of navigation and the best experience.
Features of Website Accessibility, User Interaction & Page Navigation
Navigation and Controls for Keyboard Users
Website Accessibility Features
Our website (URL) has introduced new features for ease of user navigation and improved interactivity. Please consider the detailed list below bearing guidelines to familiarise yourself with complex functions and widgets like calendar controls plus; a few more challenging sections of the websites where we are actively working on. Our website is developed using the WCAG 2.0 Level AA compliant standards and performs well with browsers We recommend using the latest versions of your internet browsers for an enhanced experience and optimum screen view. We take this as our first step to building a better support system and user-friendly website experience in the future for all our users.
Skip to Content Link: A Skip to Content link is provided on top of the page, before the logo for ease of navigating through the page
Images and Alt Tags: Descriptive Alt tags have been applied to all the images throughout the website (including textual images) bearing relevant details and Null Alt tags to decorative images. Hidden or overlay text has been added in particular sections to eliminate Alt tags. All these modifications and information are provided by our expert consultants and partners for a richer overall website experience.
Forms: All our website forms are keyboard-accessible, bearing sequenced labeling for ease of understanding.
Custom form fields have been used across our booking engine to ensure a seamless and standard interaction.
Tables and Data: Our website includes various tables bearing essential data and relevant headers. Tables that are presentation-specific or carry illustrative data are only for presentation to help readers interpret the details without reading all across the columns and rows. A summary of all complex data is provided.
Headings: Each section and page of the website carries a relevant and appropriate heading as per the content.
Links: Each descriptive link throughout the website has been assigned a name for ease of understanding and context characterization. The hidden text has been applied to prompt users each time when a link opens in a new tab or window.
ARIA Landmarks: The below are used occasionally throughout the website: role=”main” around the primary page content; role=”complementary” for content division.
ARIA Usage: Our website is dynamic and uses numerous ARIA properties, functionalities, and roles for improved experience as well as to extract relevant information for users to make informed decisions. We suggest using the latest browser and updated screen feature to take maximum advantage.
Navigation and Controls for Keyboard Users
Calendar: Use up, down, left, and right keys to move through and/or adjust the dates, respectively.
Flexible Dates Grid: This function has been applied to the system where users can search for available flights on flexible dates. When working with the grid, use the keyboard arrow keys to adjust/select the desired date(s), timing(s), and budget(s).
Terms and Conditions: Additional information is displayed on the screen for keyboard users.
ARIA Application Role: Our team is aware of the role=”application” issue, which tabs out a user from both the focus link and previous link. As of now, this is a verifiable issue occurring in two places on our website
1. Manage Your Booking - When disabling any of the options, for instance; the excess baggage, a custom tooltip is released having role=”application” for keyboard accessibility. 2. A custom calendar on the content pages also has role=”application” for keyboard accessibility. As per the tab order, the next element is “mobile enabled” link which, however, processes the previous tooltip. For instance: “flight number help
Within the NVDA community stack (which opens an external website), a ticket has been generated to resolve the issue.
Check Box Status: Any initial change in status on the booking widget (checked/unchecked) remains unannounced in the NVDA which appears on navigating to the bottom or footer section of the homepage.
An imminent or subsequent change of status (checking and unchecking) is alerted by NVDA.
Forms Mode: Users can remove an airport using the delete option in booking a flight widget, however, doing so also redirects to the form field whereas this does not enter the forms mode automatically in the NVDA. Typing in the information instantly will leave the fields empty. However, manual entry to the forms mode will allow normal functionality.