The Winter A-Team app

The Winter A-Team app, available at the Windows Store, is an experiment in building an accessible Windows Store app.

When the app starts, it shows 31 "calendar windows" on a background image, each calendar window having a label from 1 to 31. When the app is first run, all calendar windows are closed, and they show no pictures. When a calendar window is invoked, it opens to show a picture.

The image below shows the app with two calendar windows open.

The Winter A-Team app running with the light app theme.

 

A calendar window can only be invoked if its number is less than or equal to the current day of the month. Any attempt to invoke a calendar window before it can be opened, results in a window similar to the following being shown.

A window showing "Be patient! This window can't be opened until the 30th."

 

A calendar window can also only be invoked if the windows with lower numbers are already opened. Any attempt to invoke a calendar window out of order, results in a window similar to the following being shown.

A window showing "You're well out of order. First you must open the 11th."

 

The Winter A-Team app is a work in progress, and if you have ideas for how the app can be made more accessible, please send feedback to Barker@Herbi.org. I’ll try my best to update the app accordingly. For example, any general feedback on the visuals shown by the app when in light app mode or dark app mode would be much appreciated.

 

Perhaps you might feel the areas below could be improved

Screen readers

Keyboard navigation

High contrast

Three versions of a person shown in a calendar window. The first shows the default colors, and the second and third show dark-on-light and light-on-dark line drawing equivalents.

Text size

 

How the app can be used

Dark app mode

By default, the app uses a light theme. If you would prefer that is shows a dark theme, visit the Colors page in the Windows Settings app, and set the “Choose your default app mode” to be “Dark”.

The Winter A-Team app running with the dark app theme.

 

Windows High Contrast themes

When a high contrast theme is active, the text shown on the calendar window respects your theme’s window text color, and the entire calendar window is filled with the theme’s window background color.

The Winter A-Team app showing theme colors on the calendar windows when a high contrast theme is active. 

 

Text Size

If you would prefer the text shown in the app to be large, visit the Display page in the Windows Settings app, and change the “Make text bigger” or “Make everything bigger” settings to have text shown in the size that you would prefer.

Note that the “Make everything bigger” setting does not result in the calendar windows becoming larger, because the calendar windows automatically scale as the app window size changes.

The Winter A-Team app showing large text on the calendar windows.

 

Windows Magnifier

Depending on your current Windows Magnifier settings, the magnified view will follow keyboard focus or the mouse cursor as you move around the app.

A magnified portion of the Winter A-Team app showing with Windows Magnifier running. 

 

Touch, mouse, or digital pen

Tap or click on a calendar window to invoke it.

 

Using the keyboard

Press the Tab key on the keyboard to move between the calendar windows, and then press the Space or Enter key to invoke a calendar window.

Or press and release the Alt key on the keyboard. When a two-digit number appears by the calendar window that you want to invoke, type that two-digit number. Any number less than ten must include the leading zero. For example, to invoke the “8th“ calendar number press and release the Alt key, and then type “0” and “8”.

The Winter A-Team app showing access keys by all the calendar windows.

 

Windows Eye Control

To invoke a calendar window use Windows Eye Control in the same way that it would be used to invoke a button. That is, use the Eye Control bar to have a left mouse button click performed on the calendar window.

The Winter A-Team app with the Windows Eye Control bar showing near the top of the screen. 

 

Xbox Adaptive Controller, (XAC)

To move focus up, down, left or right in the app, press the XAC D-pad buttons. To move focus to the calendar window that follows the calendar window that currently has focus, press the B button. To invoke the calendar window that currently has focus, press the A button. 

The Winter A-Team app running on detached Surface Book screen, being controlled by a nearby Xbox Adaptive Controller. A ninja can pin and Tablet PC toy are also nearby. 

 

Windows Speech Recognition

To invoke a calendar window, say the associated day of the month. For example, “first”, “eighth”, or “twenty second”.

If Windows Speech Recognition doesn’t correctly recognize your speech, say “Show numbers”. In response to that, a number will temporarily appear over all the calendar windows. Speak the number shown over the window, if Windows Speech Recognition then highlights the desired window, say “OK” to invoke it.

The Winter A-Team app with numbers being shown by Windows Speech Recognition over the calendar windows in the app. 

 

Narrator screen reader

When Narrator encounters a calendar window, it announces the following, in order:

So the full text could be “Fifth, Closed, Calendar window” or “Fifth, Guy, Calendar window”.

When a calendar window is opened, its new name is announced, including the name of the person now shown in the window.

Note: Depending on how the window is opened, Narrator might not make an announcement at all. This is a bug in the Winter A-Team app and will be investigated.

Narrator will announce “Calendar restarted” following the Restart command being issued and all the windows being reset in the app.

 

The image below shows a software development tool called Accessibility Insights for Windows examining the Winter A-Team app. The tool shows some of the text that the Narrator screen reader would announce when working at the app.

A software development tool examing the Winter A-Team app, and showing the text that the Narrator screen reader would announce when working at the app.  

Home