Finnair.com의 접근성 | Finnair

Finnair.com의 접근성

적합성 상태 

Finnair.com 접근성 선언문에 오신 것을 환영합니다. Finnair는 모든 사람이 보다 쉽게 서비스를 이용할 수 있도록 하는 것을 목표로 하며, 개선을 위해 지속적으로 노력하고 있습니다. 새로운 기능을 위한 Finnair의 설계 및 개발 프로세스는 항상 접근성을 출발점으로 삼고 있습니다. Finnair는 모든 사용자의 디지털 사용자 경험을 지속적으로 개선하고 관련 접근성 표준을 적용하고 있습니다. Finnair.com 접근성 선언문은 정기적으로 업데이트됩니다. 

본 선언문은 장애인의 접근성을 개선하기 위해 디자이너 및 개발자가 준수해야 할 요건을 정의하는 웹 콘텐츠 접근성 지침(WCAG)에 따라 Finnair.com 규정 준수를 설명합니다. Finnair.com은 일부 규정을 준수하며 WCAG 2.2 규정 준수 등급 AA 요건을 충족합니다. 일부 규정 준수란 색상 대비 및 오류 메시지 같은 일부 콘텐츠가 접근성 표준을 완전히 준수하지 않음을 의미합니다. 일부 페이지에서는 화면 판독기와 같은 보조 기술을 완전히 지원하지 않습니다. 이 평가에 대한 피드백을 환영합니다.

접근성 선언문은 23.10.2022에 최종 업데이트되었습니다. Finnair.com의 접근성은 외부 기관의 감사를 받았습니다.

접근성 제외 콘텐츠 

아래에 나열된 콘텐츠는 특정한 이유로 액세스할 수 없습니다. 디지털 서비스 제공에 관한 법률 306/2019(핀란드어) 미준수 

다음 콘텐츠 또는 기능(영어)은 웹 콘텐츠 접근성 지침 2.2 AA 요건을 충족하지 않습니다.

General findings

  • 3.1.1 Pages have undefined language
  • 2.4.2 Page titles missing
  • 4.1.3 Form errors, validation messages and status messages are not announced by the screen reader

Menu

  • 1.4.3, 1.4.10 Search field placeholder text has insufficient contrast
  • 2.4.3, 2.4.7, 2.4.11 Keyboard focus is invisible and the order differs from visual order. When the main menu is closed and keyboard navigation is used, menu options are still focusable

Front page

  • 1.1.1 Screen reader only announces the price in the destination ticket without announcing the travel class for that price
  • 1.4.10 Chat button disappear in mobile size (fixed 21.6.2023)
  • 1.4.10 Feedback button disappear in mobile size
  • 4.1.2 Destinations cards use <span> element without role, so aria labels might not work correctly

Log in

  • 1.3.1, 4.1.2 Country code dropdown element does not have an accessible name (fixed 9.8.2024)
  • 1.4.3 Login form fields and a checkbox have insufficient colour contrast (fixed 12.12.2022)
  • 4.1.3 Form errors are not announced to screen reader (fixed 6.11.2024)

Booking

  • 1.1.1 Review your purchase and Terms and conditions: Decorative SVG images focused and announced as 'blank' , the icons are marked up as "icon" (fixed 2.12.2022)
  • 1.1.1 Entire contents of radio button not announced in the Flight selection 
  • 1.1.1 Terms and conditions: Links opening in new window not announced  
  • 1.1.1 Check prices and select dates modal: Only the price of each selection in the table is announced to a screen reader. Context and dates are not in understandable format
  • 1.3.1 Check prices and select dates modal: Table header is empty, it does not have text visible to screen readers
  • 1.3.1, 1.3.5 Element act as the link is implemented as a button without a descriptive label
  • 1.4.1 State of booking steps is only indicated using colour
  • 1.4.4 Terms and conditions: With 200% text resizing, the modal is stretched outside the window and it is not scrollable. User is not able to proceed. (fixed 2.12.2022)
  • 2.1.1 Select travel dates: calendar cannot be focused with a keyboard. Users are able to set the date only with the date fields (fixed 15.11.2023)
  • 2.1.1,  2.4.7. Trip type modal: Options do not get visible focus. Selection cannot be made with a keyboard (fixed 15.11.2023)
  • 2.4.3 Modals in the booking flow do not capture focus
  • 2.4.4 Terms and conditions: The link does not announce it leads to another webpage. It is only marked by the icon
  • 2.4.7 Direct flights only does not get visible focus (fixed 15.11.2023)
  • 2.4.7 Passenger details: Focus indication is time-limited
  • 3.3.2, 4.1.2 Enter passenger details: Required fields are not announced as such
  • 3.3.2 Select flights: Ticket type selections are not marked up as an interactive element (button or link). Screen reader user with mobile does not know that they are interactive.
  • 3.3.2, 4.1.2 Enter passenger details: Required fields are not announced as such
  • 4.1.2 Disabled Book now button announced without state (fixed 15.11.2023)
  • 4.1.2 Date picker invisible elements focused and announced (fixed 15.11.2023)
  • 4.1.2 Select flights: Selected ticket is not announced to screen reader
  • 4.1.3 Enter passenger details: Error messages for the form fields are not announced (fixed 2.12.2022)
  • 4.1.3 Error, status and validation error messages are not announced 

Manage booking

  • 1.3.1 Sidebar navigation list and the list on the Add baggage page are not of correct HTML structure (fixed 11.1.2023)
  • 1.3.1 Customise your trip: Add extra bags  dialogue title is not announced
  • 1.3.3 Disruption: Strikethrough text on review flight detail page is not announced with screen reader
  • 1.4.3 Insufficient colour contrast in the text fields
  • 1.3.3 Details page: Passenger amount, Adding baggage and Booking reference are only explained as icons
  • 1.3.3 Disruptions: strikethrough text is not announced by screen reader
  • 1.4.3 Passenger details page: First name and Family name input labels have insufficient contrast
  • 1.4.11, 2.4.11 Purchase button contrast is insufficient in relation to background, so focus state is not sufficient (fixed 11.1.2023)
  • 1.4.11 Bathroom placement in the seat map has insufficient colour contrast
  • 2.1., 2.4.3 Notification banner is not keyboard accessible (fixed 6.2.2023)
  • 2.4.2 Navigating from the notification banner to the Change your trip page doesn't announce the page changing
  • 2.4.3 Add travel extras button has an anchor link that does not work with a screen reader. The focus visually changes to the Travel extras section, but screen reader focus stays in the same place
  • 2.4.3 Change booking: Which flights do you want to change modal does not capture keyboard focus (fixed 1.6.2023)
  • 2.4.4 Safe travel link only says “Opens in a new tab” instead of the real link text as aria-label is used. Same with other links with external links, such as pdf link (fixed 11.1.2023)
  • 2.4.7 Adding bicycle or pets buttons are missing focus styles (fixed 11.1.2023)
  • 3.1.1 Page has undefined language (Manage, Cancel, Change)
  • 4.1.1 Add baggage page: aria-labelled by pointing to non-existing element
  • 4.1.2 Emergency contact details: Submit button does not announce the passive/disabled/not in use state to the screen reader users (fixed 1.6.2023)
  • 4.1.2 Icons are missing a role
  • 4.1.2 Change flights: Which flights you want to change modal: Both button states (selected/not selected) are announced "Select this flight to change" to the screen reader. Screen reader user does not know when the selection has been made (fixed 1.3.2023)
  • 4.1.3 Notification banner blocks all general features (fixed 6.2.2023)

Chat

  • 1.4.3 Placeholder texts and "* Mandatory fields" instruction text on the contact information fields have insufficient colour contrast
  • 2.4.7 Focus indication in the chat window is time-limited
  • 2.4.11 Focus indicator on the buttons does not fulfil the requirements (fixed 9.8.2023)
  • 3.3.1 Form errors are not indicated in text
  • 3.3.2 Booking reference field is missing a label
  • 4.1.2 Chat button on Contact Finnair Corporate Programme has no discernible name in mobile size (fixed 9.8.2023)
  • 4.1.2 Submit button at the end of the form is invisible to screen reader user until it becomes not disabled (fixed 9.8.2023)
  • 4.1.3 Error, status and validation error messages are not announced 

Payments

  • 1.1.1 Select payment method: Informative images and radio buttons not announced (radio buttons fixed 08/2024)
  • 1.1.1 Pay with Avios view: Info icon does not have accessible name (fixed 08/2024)
  • 1.3.1, 4.1.2 Payment card country selection dropdown does not have an accessible name (fixed 03/2024)
  • 1.4.3, 1.4.11 Insufficient colour contrasts: Gift card number and PIN code placeholder texts and text fields, Proceed button in active state, Credit card - Select buttons for Personal and Corporate, style unselected and Select payment method: text fields (most of the issues fixed 08/2024)
  • 2.4.4 Booking confirmation: The button Offset flight does not tell it directs to another page and opens the content in a new tab
  • 2.4.7 Select payment method focus indication is time-limited (fixed 08/2024)
  • 2.4.11 Pay with Avios and Select payment method views: Focus indicator appearance does not fulfill the requirements in the Proceed and Pay now buttons (fixed 08/2024)
  • 4.1.2 Select payment method: Widget 'Credit or debit card' announced without role (fixed 08/2024)
  • 4.1.2 Select payment method: Checked radio button announced as not checked (fixed 08/2024)
  • 4.1.2 Payment card country selection dropdown does not have an accessible name (fixed 03/2024)
  • 4.1.2 Select payment method: Selected payment option is not announced
  • 4.1.2 Select payment method: When payment method is disabled, it does not announce the state to a screen reader

Third-party payment operators: 

  • 1.1.1 Trustly, Select your bank: Bank icons are missing accessible text
  • 1.1.1 Trustly, Something went wrong: Closing button is missing an accessible name
  • 1.3.1 Trustly, Select your bank view: Search field is missing a label
  • 1.3.1 Trustly, Select your bank view: List has direct children elements that are not of allowed format, they are <div> elements
  • 1.4.3 Trustly, Select your bank: in the Trustly iFrame, "Search for your bank" placeholder text has insufficient colour contrast
  • 2.1.1 Trustly, Select bank view: The bank selections in the Trustly iFrame cannot be focused by using tab on keyboard or with a screen reader
  • 2.1.1 Trustly, Change language modal: The language selections do not get focus by keyboard or by screen reader
  • 2.4.3 Trustly: modals do not capture focus
  • 4.1.2 Trustly, Select your bank view: Search field is missing a label
  • 4.1.2 Trustly, Select your bank view: Trustly application is working in iFrame. IFrame is missing an accessible name 

Feedback forms/Special assistance form

  • 1.3.1 User is not informed about the maximum of allowed characters for additional information field (12.12.2023)
  • 1.3.1 Day names are announced as abbreviations
  • 1.4.4 Text resizing has been prevented on the page by using "!important" attribute
  • 2.4.2 Page is missing a title
  • 2.4.11 In the form text fields focus appearance does not fulfil requirements (fixed 23.8.2023)
  • 3.3.2 On the date field, the format is not clearly described to the screen reader user. It says only "DDMMYYYY", without the points in between (fixed 2.11.2022)
  • 3.3.2 Radio button groups in the form do not announce the title of the group to the screen reader. The input instruction is not sufficient
  • 4.1.2 Submit button in the form is invisible to screen reader users until it becomes not disabled (fixed 23.8.2023)
  • 4.1.2 Radio buttons in the form use unallowed aria role (fixed 2.11.2022)
  • 4.1.3. Form errors and status messages are not announced by a screen reader (fixed 2.11.2022)

Content pages

  • New cabin: 4.1.2 Destination cards are missing a role
  • New cabin: Chat button is missing a discernible name in mobile size (fixed 9.8.2023)
  • 1.4.3 Finnish national parks: Social media sharing links have insufficient colour contrast
  • 2.4.4, 4.1.2 Finnish national parks:  Social media sharing links miss discernible text

Travel requirements map

  • 1.1.1 Travel info modal: Images do not have alternative text
  • 1.1.1 Requirements map component does not have alternative text
  • 1.3.1 Combobox elements are missing expected children roles
  • 1.4.3 Insufficient colour contrasts: disclaimer text, placeholder texts on the form fields, "Here's where you can travel", "No test" and "No quarantine" buttons,  full list of destinations: green text on "Open to travel", full list of destinations: yellow text on "Test to travel", Travel info modal: Connection and Country field placeholder texts and Destination cards label text "Open to travel"
  • 1.4.4 Text resizing has been prevented on the page by using "!important" attribute
  • 1.4.10 Page content hides content in Cookie consent banner, when scrolled downwards. Requirements map and other elements on the form overlap Chat button in the mobile size
  • 3.1.1 Language of the page is not defined
  • 4.1.2 There is a typing error in two of the "aria-labelled by" attributes
  • 4.1.2 Comboboxes are missing a role
  • 4.1.3 Error messages in the form fields are not announced to screen reader without user navigating to them

Contact Finnair Corporate Programme

  • 1.4.3 Placeholder texts have insufficient colour contrast (fixed 12.12.2022)
  • 1.4.11 Text fields have insufficient colour contrast (fixed 12.12.2022)
  • 4.1.2 Radio button labels use aria attributes that are not allowed (fixed 2.11.2022)
  • 4.1.2 Chat button does not have discernible name in the mobile size (fixed 9.8.2023)
  • 4.1.2 Submit button in the form is invisible to screen reader users until it becomes not disabled (fixed 30.8.2023)
  • 4.1.3 Form errors are not announced by a screen reader (fixed 12.12.2022)

Timetables

  • 1.3.1, 4.1.2 Table showing the flight information has not discernible text in table header or visible content to screen readers
  • 2.1.1 Modal content wrapper in Flight overview is not accessible by keyboard
  • 2.4.3 Flight overview modal does not capture focus. User is able to navigate to the underlying content with a keyboard
  • 2.4.3 Screen reader user is not able to open Flight overview modal
  • 4.1.2 Chat button does not have discernible name in the mobile size (fixed 9.8.2023) 

Destinations

  • 1.1.1 Screen reader only announces the price in destination ticket without announcing the ticket class for that price
  • 1.3.1, 3.3.2, 4.1.2 Sort by element does not have accessible name
  • 1.3.1, 4.1.2 Combobox element Type or select destinations is missing a label
  • 1.3.1, 4.1.2 Next button is marked aria-hidden, but still listed as a focusable element
  • 2.4.3 In the mobile with Safari and Voiceover, in the calendar component each day of each month gets focus, even though you have a certain month opened
  • 2.1.1, 3.3.2, 4.1.2 Tab selection (Round-trip prices and One-way prices) does not get a keyboard focus when navigated with a keyboard
  • 4.1.2 Destination cards are missing aria role value

Cookie consent banner

  • 1.4.11 Toggle elements have insufficient colour contrast (fixed 7.12.2022)
  • 2.4.7 Toggle elements do not get visual focus (fixed 7.12.2022)

Check-in

  • 1.3.1 Info and Relationships: In the Check-in web view, after the Identification title, a screen reader says "Help lane equals..." etc. This information should not be read by a screen reader
  • 1.3.2 Meaningful sequence: Check-in button is the last item in the Flight information view for a screen reader. In the UI logic, it is after Title and Terminal information
  • The seat map is totally empty to screen reader users with no information or instructions. When a user closes the seat selection view, the application returns to the Flight information, not the previous view
  • 2.4.2 Page titled: Check-in view has no name or title that a screen reader is able to read when a user arrives at the view
  • 3.3.2 Labels or Instructions: Check-in button has no label. A screen reader says "Unlabelled". A user is not able to understand the function where to start check-in
  • In the Check-in view, the close button is missing a label. A screen reader says "Unlabelled button"
  • 4.1.2 Name, Role, Title: The seat map modal is missing a title

A continuous effort will be made to rectify these problems.

문제를 바로잡기 위해 지속적으로 노력하겠습니다.

피드백 보내기

Finnair.com의 접근성에 대한 여러분의 피드백을 보내주세요. 접근성에 문제가 있었거나 이 주제에 대한 추가 질문이 있으신 경우 다음 주소로 이메일을 보내주세요.

accessibility-feedback@finnair.com

메시지는 영어로 작성해 주시기 바랍니다. 14일 내로 모든 접근성 피드백에 회신 드리고자 노력하겠습니다.

정식 불만 접수

저희의 응답에 만족하지 못하신 경우 당국으로 불만 사항을 에스컬레이션하실 수 있습니다.

관리 당국 연락처 세부 정보:

Finnish Transport and Communications Agency Traficom
Digital Accessibility Supervision Unit
www.webaccessibility.fi
saavutettavuus@traficom.fi
전화: +358 029 534 5000

페이지로 이동: Finnair.com의 접근성