mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00

Adds Semantic Widget to wrap the contents of each page's AppBar title attribute and adds header: true and headingLevel: 1 as Semantic attributes so the content of the title is compiled as an h1 tag to meet accessibility guidelines that each page must have a h1 tag present. Also updates the test cases for the home page and each use case page to check for its respective h1. [Before Screenshot - Accessibility Assessments Home Page](https://screenshot.googleplex.com/4i9LuiGwvLnEcZ8) [Before Screenshot - Checkbox List Title -- note: each use case page is missing an h1](https://screenshot.googleplex.com/3qQjfqvAMTehRsm) [After Screenshot - Accessibility Assessments Home Page](https://screenshot.googleplex.com/APSJJXBmwNBP35m) [After Screenshot - Checkbox List Title-- note: change is similar across each Accessibility use case page](https://screenshot.googleplex.com/6EGgZnTusEgeN5L) Fixes b/338035526
151 lines
7.2 KiB
Dart
151 lines
7.2 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:a11y_assessments/main.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import 'package:material_color_utilities/material_color_utilities.dart';
|
|
|
|
void main() {
|
|
testWidgets('Has light and dark theme', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const App());
|
|
final MaterialApp app =
|
|
find.byType(MaterialApp).evaluate().first.widget as MaterialApp;
|
|
expect(app.theme!.brightness, equals(Brightness.light));
|
|
expect(app.darkTheme!.brightness, equals(Brightness.dark));
|
|
});
|
|
|
|
testWidgets('App can generate high-contrast color scheme',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(const MediaQuery(
|
|
data: MediaQueryData(
|
|
highContrast: true,
|
|
),
|
|
child: App()));
|
|
|
|
final MaterialApp app =
|
|
find.byType(MaterialApp).evaluate().first.widget as MaterialApp;
|
|
|
|
final DynamicScheme highContrastScheme = SchemeTonalSpot(
|
|
sourceColorHct: Hct.fromInt(const Color(0xff6750a4).value),
|
|
isDark: false,
|
|
contrastLevel: 1.0);
|
|
final ColorScheme appScheme = app.theme!.colorScheme;
|
|
|
|
expect(appScheme.primary.value,
|
|
MaterialDynamicColors.primary.getArgb(highContrastScheme));
|
|
expect(appScheme.onPrimary.value,
|
|
MaterialDynamicColors.onPrimary.getArgb(highContrastScheme));
|
|
expect(appScheme.primaryContainer.value,
|
|
MaterialDynamicColors.primaryContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.onPrimaryContainer.value,
|
|
MaterialDynamicColors.onPrimaryContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.primaryFixed.value,
|
|
MaterialDynamicColors.primaryFixed.getArgb(highContrastScheme));
|
|
expect(appScheme.primaryFixedDim.value,
|
|
MaterialDynamicColors.primaryFixedDim.getArgb(highContrastScheme));
|
|
expect(appScheme.onPrimaryFixed.value,
|
|
MaterialDynamicColors.onPrimaryFixed.getArgb(highContrastScheme));
|
|
expect(
|
|
appScheme.onPrimaryFixedVariant.value,
|
|
MaterialDynamicColors.onPrimaryFixedVariant
|
|
.getArgb(highContrastScheme));
|
|
expect(appScheme.secondary.value,
|
|
MaterialDynamicColors.secondary.getArgb(highContrastScheme));
|
|
expect(appScheme.onSecondary.value,
|
|
MaterialDynamicColors.onSecondary.getArgb(highContrastScheme));
|
|
expect(appScheme.secondaryContainer.value,
|
|
MaterialDynamicColors.secondaryContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.onSecondaryContainer.value,
|
|
MaterialDynamicColors.onSecondaryContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.secondaryFixed.value,
|
|
MaterialDynamicColors.secondaryFixed.getArgb(highContrastScheme));
|
|
expect(appScheme.secondaryFixedDim.value,
|
|
MaterialDynamicColors.secondaryFixedDim.getArgb(highContrastScheme));
|
|
expect(appScheme.onSecondaryFixed.value,
|
|
MaterialDynamicColors.onSecondaryFixed.getArgb(highContrastScheme));
|
|
expect(
|
|
appScheme.onSecondaryFixedVariant.value,
|
|
MaterialDynamicColors.onSecondaryFixedVariant
|
|
.getArgb(highContrastScheme));
|
|
expect(appScheme.tertiary.value,
|
|
MaterialDynamicColors.tertiary.getArgb(highContrastScheme));
|
|
expect(appScheme.onTertiary.value,
|
|
MaterialDynamicColors.onTertiary.getArgb(highContrastScheme));
|
|
expect(appScheme.tertiaryContainer.value,
|
|
MaterialDynamicColors.tertiaryContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.onTertiaryContainer.value,
|
|
MaterialDynamicColors.onTertiaryContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.tertiaryFixed.value,
|
|
MaterialDynamicColors.tertiaryFixed.getArgb(highContrastScheme));
|
|
expect(appScheme.tertiaryFixedDim.value,
|
|
MaterialDynamicColors.tertiaryFixedDim.getArgb(highContrastScheme));
|
|
expect(appScheme.onTertiaryFixed.value,
|
|
MaterialDynamicColors.onTertiaryFixed.getArgb(highContrastScheme));
|
|
expect(
|
|
appScheme.onTertiaryFixedVariant.value,
|
|
MaterialDynamicColors.onTertiaryFixedVariant
|
|
.getArgb(highContrastScheme));
|
|
expect(appScheme.error.value,
|
|
MaterialDynamicColors.error.getArgb(highContrastScheme));
|
|
expect(appScheme.onError.value,
|
|
MaterialDynamicColors.onError.getArgb(highContrastScheme));
|
|
expect(appScheme.errorContainer.value,
|
|
MaterialDynamicColors.errorContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.onErrorContainer.value,
|
|
MaterialDynamicColors.onErrorContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.background.value,
|
|
MaterialDynamicColors.background.getArgb(highContrastScheme));
|
|
expect(appScheme.onBackground.value,
|
|
MaterialDynamicColors.onBackground.getArgb(highContrastScheme));
|
|
expect(appScheme.surface.value,
|
|
MaterialDynamicColors.surface.getArgb(highContrastScheme));
|
|
expect(appScheme.surfaceDim.value,
|
|
MaterialDynamicColors.surfaceDim.getArgb(highContrastScheme));
|
|
expect(appScheme.surfaceBright.value,
|
|
MaterialDynamicColors.surfaceBright.getArgb(highContrastScheme));
|
|
expect(
|
|
appScheme.surfaceContainerLowest.value,
|
|
MaterialDynamicColors.surfaceContainerLowest
|
|
.getArgb(highContrastScheme));
|
|
expect(appScheme.surfaceContainerLow.value,
|
|
MaterialDynamicColors.surfaceContainerLow.getArgb(highContrastScheme));
|
|
expect(appScheme.surfaceContainer.value,
|
|
MaterialDynamicColors.surfaceContainer.getArgb(highContrastScheme));
|
|
expect(appScheme.surfaceContainerHigh.value,
|
|
MaterialDynamicColors.surfaceContainerHigh.getArgb(highContrastScheme));
|
|
expect(
|
|
appScheme.surfaceContainerHighest.value,
|
|
MaterialDynamicColors.surfaceContainerHighest
|
|
.getArgb(highContrastScheme));
|
|
expect(appScheme.onSurface.value,
|
|
MaterialDynamicColors.onSurface.getArgb(highContrastScheme));
|
|
expect(appScheme.surfaceVariant.value,
|
|
MaterialDynamicColors.surfaceVariant.getArgb(highContrastScheme));
|
|
expect(appScheme.onSurfaceVariant.value,
|
|
MaterialDynamicColors.onSurfaceVariant.getArgb(highContrastScheme));
|
|
expect(appScheme.outline.value,
|
|
MaterialDynamicColors.outline.getArgb(highContrastScheme));
|
|
expect(appScheme.outlineVariant.value,
|
|
MaterialDynamicColors.outlineVariant.getArgb(highContrastScheme));
|
|
expect(appScheme.shadow.value,
|
|
MaterialDynamicColors.shadow.getArgb(highContrastScheme));
|
|
expect(appScheme.scrim.value,
|
|
MaterialDynamicColors.scrim.getArgb(highContrastScheme));
|
|
expect(appScheme.inverseSurface.value,
|
|
MaterialDynamicColors.inverseSurface.getArgb(highContrastScheme));
|
|
expect(appScheme.onInverseSurface.value,
|
|
MaterialDynamicColors.inverseOnSurface.getArgb(highContrastScheme));
|
|
expect(appScheme.inversePrimary.value,
|
|
MaterialDynamicColors.inversePrimary.getArgb(highContrastScheme));
|
|
});
|
|
|
|
testWidgets('a11y assessments home page has one h1 tag', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const App());
|
|
final Finder findHeadingLevelOnes = find.bySemanticsLabel('Accessibility Assessments');
|
|
await tester.pumpAndSettle();
|
|
expect(findHeadingLevelOnes, findsOne);
|
|
});
|
|
}
|