Website Structure

Web Browsing and Accessibility Help

Created in 2021, the new website of the National Railway Museum sought to reach all users with full accessibility. More than complying with the guidelines, the commitment was to ensure that everyone has access to the website’s content. Accessibility standards that allow keyboard or Support Technologies navigation have been implemented, as well as that the user customizes the visual appearance using browser settings.

Website Structure

At the beginning of each page, you will find the Links to jump to the main content, Site Map and Navigation Help that are visible by pressing the Tab key, the MNF logo linked to the home page and the main menu items, shown horizontally.
Some items contain submenu. When devices are configured for mobile presentation mode, the main menu is collected in the upper-right corner of the page along with Store and Search Links. Throughout the entire page there are Jump Links to ignore blocks of repeated content.

Preceding the main content the Breadcrumb (path traveled) is presented, on the left, a submenus block of the page and a carousel with images.

The main content is a dynamic region, which means it can have a different visual appearance and structure between groups of pages on the website. However, quick-navigation keys for header available by screen readers can be used.

In the footer of the pages are visible the Links of social networks, the main menu expanded, the contacts of the head? From MNF, the form to subscribe to the Newsletter and other institutional information.

Visual Description of the Website

The visual appearance is based on the colors black, white, yellow and different shades of gray. White background, black letter in the titles, gray on the text body, and yellow in the links.

Homepage

In the header, it features a horizontal bar with photographs of the museum and collection in shades of black and gray, with white letters in the center. In the upper left corner there is information about the National Network of Railway Museums. In the upper right corner there is a box for quick access to information about schedules, plan visits and tickets. In the content area: the following are news highlights about the museum, a video of the museum’s presentation and generic information about the collection; the following are links to access to the museum’s social networks and other communication channels, as well as to the gallery of photos and videos. When you scroll down, you have access to the museum newsletter subscription with information on how to get to the museum. In the footer: black bar with white text, with the content distributed over six columns with the menu Visit, The Museum, Customer Service, Foundation, News, Accessibility, Social Communication, Website Structure and Contacts, as well as their submenus. It contains in the lower left corner the logo of Turismo de Portugal.

Page Plan Visit

The plan core visit pages display a vertical column on the left with information on times, contacts, and how to get there. The content column on the left has information about the price.

Keyboard shortcuts

The keys described below are standard and common in most browsers.

Control + + (plus sign): Zooms in;

Control + - (minus sign): zooms out;

Control + 0 (zero): Reset the original Zoom;.

Note: The site is prepared for the user to modify the visual presentation as colors, size and font through the functionalities provided by the browsers.

Inconsistency of Browsers or Support Products

Despite the efforts of developers to ensure accessibility and uniformity of website navigation on different devices and browsers and with the different support products, the behavior and type of return of screen readers depends on the combination of browser and product support.

Despite these variations, the website is accessible on desktop, with browsers with or without JavaScript support and with NVDA and Jaws screen readers, as well as on Devices with Android and Ios system with Talkback and Voiceover screen reader. It can also be consulted with Braille lines that have integrated web browser.