1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <!-- Basic --> 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 10 <title>Accessibility â Form Workflow Plus</title> 11 12 <meta name="keywords" content="accessibility, VPAT, ACR, WCAG 2.1, ADA Title II, accessibility roadmap, form workflow plus" /> 13 <meta name="description" content="Form Workflow Plus accessibility statement and roadmap: WCAG 2.1 AA conformance status, known issues, remediation timeline and interim workarounds."> 14 <meta name="author" content="Form Workflow Plus"> 15 <meta name="robots" content="index, follow"> 16 <link rel="canonical" href="https://www.formworkflowplus.com/Accessibility.html"> 17 18 <!-- Open Graph --> 19 <meta property="og:type" content="website"> 20 <meta property="og:site_name" content="Form Workflow Plus"> 21 <meta property="og:title" content="Accessibility â Form Workflow Plus"> 22 <meta property="og:description" content="Accessibility statement and roadmap for Form Workflow Plus: WCAG 2.1 AA status, known issues and interim workarounds."> 23 <meta property="og:url" content="https://www.formworkflowplus.com/Accessibility.html"> 24 <meta property="og:image" content="https://www.formworkflowplus.com/img/icon-512.png"> 25 26 <!-- Favicon --> 27 <link rel="icon" href="/favicon.ico" sizes="any"> 28 <link rel="icon" href="img/favicon.png" type="image/png"> 29 <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> 30 <link rel="manifest" href="/site.webmanifest"> 31 32 <!-- Mobile Metas --> 33 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no"> 34 35 <!-- Web Fonts --> 36 <link 37 href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light%7CPlayfair+Display:400&display=swap" 38 rel="stylesheet" type="text/css"> 39 40 <!-- Vendor CSS --> 41 <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> 42 <link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css"> 43 <link rel="stylesheet" href="vendor/animate/animate.compat.css"> 44 <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> 45 <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> 46 <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> 47 <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css"> 48 49 <!-- Theme CSS --> 50 <link rel="stylesheet" href="css/theme.css"> 51 <link rel="stylesheet" href="css/theme-elements.css"> 52 <link rel="stylesheet" href="css/theme-blog.css"> 53 <link rel="stylesheet" href="css/theme-shop.css"> 54 55 <!-- Current Page CSS --> 56 <link rel="stylesheet" href="vendor/rs-plugin/css/settings.css"> 57 <link rel="stylesheet" href="vendor/rs-plugin/css/layers.css"> 58 <link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css"> 59 60 <!-- Demo CSS --> 61 62 63 <!-- Skin CSS --> 64 <link rel="stylesheet" href="css/skins/default.css"> 65 66 <!-- Theme Custom CSS --> 67 <link rel="stylesheet" href="css/custom.css"> 68 69 <!-- Head Libs --> 70
70<script src="vendor/modernizr/modernizr.min.js"></script>
70 71 72</head> 73 74<body class="one-page loading-overlay-showing" data-target="#header" data-spy="scroll" data-offset="100" 75 data-plugin-page-transition data-loading-overlay data-plugin-options="{'hideDelay': 500}"> 76 <div class="loading-overlay"> 77 <div class="bounce-loader"> 78 <div class="bounce1"></div> 79 <div class="bounce2"></div> 80 <div class="bounce3"></div> 81 </div> 82 </div> 83 <div class="body"> 84 85 <header id="header" class="header-light header-effect-shrink" 86 data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}"> 87 <div class="header-body border-top-0 bg-light box-shadow-none"> 88 <div class="header-container container"> 89 <div class="header-row"> 90 <div class="header-column"> 91 <div class="header-row"> 92 <div class="header-logo"> 93 <a href="index.html"> 94 <img alt="Form Workflow Plus" width="260" height="50" src="img/Form Workflow Plus.png"> 95 </a> 96 </div> 97 </div> 98 </div> 99 </div> 100 </div> 101 </div> 102 </header> 103 <div class="owl-item;"> 104 <div class="position-relative" 105 data-dynamic-height="['650px','650px','650px','550px','500px']" 106 style="background-color: rgb(241, 241, 241); background-size: cover; background-position: center;"> 107 <div class="container h-100"> 108 <div class="row align-items-center h-100"> 109 <div class="col text-center"> 110 <h1 class="text-color-dark font-weight-bold text-12 mt-3 mb-4 appear-animation animated" 111 data-appear-animation="fadeInLeftShorterPlus" 112 data-appear-animation-delay="300" 113 data-plugin-options="{'minWindowWidth': 0}">Accessibility</h1> 114 <h3 class="text-color-grey font-weight-bold text-6 mt-3 mb-4 appear-animation animated" 115 data-appear-animation="fadeInLeftShorterPlus" 116 data-appear-animation-delay="300" 117 data-plugin-options="{'minWindowWidth': 0}">Our conformance status, known issues and how we are fixing them</h3><br> 118 </div> 119 <div class="container custom-container-style-1"> 120 <div class="row justify-content-center py-4"> 121 <div style="text-align: left ;"> 122 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Our commitment</p> 123 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">Tanitapps is committed to making Form Workflow Plus usable by everyone, including people who rely on assistive technology. We measure ourselves against <strong>WCAG 2.1 Level AA</strong>. This page states plainly where we conform today, where we do not, and what we are doing about it. If an accessibility barrier stops you using the product, contact us at <a href="mailto:[email protected]">[email protected]</a> and we will help you directly.</p> 124 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Conformance status</p> 125 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">Form Workflow Plus is <strong>partially conformant</strong> with WCAG 2.1 Level AA: parts of the product do not yet fully conform. We publish this roadmap rather than claim a conformance we have not yet earned. This statement serves as our accessibility documentation and good-faith remediation plan, and is updated at least annually.</p> 126 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>How we assessed it</p> 127 <ul> 128 <li><strong>Automated:</strong> axe-core (WCAG 2.0/2.1 A and AA rulesets) run against the marketing site and the application sign-in page.</li> 129 <li><strong>Static analysis</strong>
129 of the application templates and the Google Workspace add-on markup.</li> 130 <li><strong>Not yet performed:</strong> manual keyboard-only traversal of every workflow, screen-reader passes (NVDA, JAWS, VoiceOver), and zoom/reflow testing at 200â400%. Automated testing detects only a portion of accessibility issues, so the findings below are a floor rather than a complete list.</li> 131 <li><strong>Last assessed:</strong> 16 July 2026.</li> 132 </ul> 133 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Known issues</p> 134 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">Application:</p> 135 <div style="overflow-x:auto;"> 136 <table class="table table-sm" style="width:100%;"> 137 <thead><tr><th style="text-align:left;">Issue</th><th style="text-align:left;">WCAG criterion</th><th style="text-align:left;">Level</th></tr></thead> 138 <tbody> 139 <tr><td>Some controls are bound to non-interactive elements and cannot be operated with a keyboard</td><td>2.1.1 Keyboard, 4.1.2 Name, Role, Value</td><td>A</td></tr> 140 <tr><td>Some icon-only buttons have no accessible name</td><td>4.1.2 Name, Role, Value</td><td>A</td></tr> 141 <tr><td>Some images have no text alternative</td><td>1.1.1 Non-text Content</td><td>A</td></tr> 142 <tr><td>Some form inputs are not programmatically labelled</td><td>3.3.2 Labels or Instructions</td><td>A</td></tr> 143 </tbody> 144 </table> 145 </div> 146 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">Google Workspace add-on:</p> 147 <div style="overflow-x:auto;"> 148 <table class="table table-sm" style="width:100%;"> 149 <thead><tr><th style="text-align:left;">Issue</th><th style="text-align:left;">WCAG criterion</th><th style="text-align:left;">Level</th></tr></thead> 150 <tbody> 151 <tr><td>Some images have no text alternative</td><td>1.1.1 Non-text Content</td><td>A</td></tr> 152 </tbody> 153 </table> 154 </div> 155 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">Marketing website:</p> 156 <div style="overflow-x:auto;"> 157 <table class="table table-sm" style="width:100%;"> 158 <thead><tr><th style="text-align:left;">Issue</th><th style="text-align:left;">WCAG criterion</th><th style="text-align:left;">Level</th></tr></thead> 159 <tbody> 160 <tr><td>Some text does not meet the minimum contrast ratio</td><td>1.4.3 Contrast (Minimum)</td><td>AA</td></tr> 161 <tr><td>Some links are distinguished from surrounding text by colour alone</td><td>1.4.1 Use of Colour</td><td>A</td></tr> 162 </tbody> 163 </table> 164 </div> 165 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>What already works</p> 166 <ul> 167 <li>The application <strong>sign-in page returns no automated accessibility violations</strong>, and you sign in with your own Google account â so your existing assistive-technology setup carries over.</li> 168 <li>Your workflow data lives in Google Forms and Google Sheets, which are themselves accessible Google products.</li> 169 </ul> 170 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Interim workarounds</p> 171 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">Until the items below are remediated, these paths are available today:</p> 172 <ul> 173 <li><strong>Approvals can be completed entirely by email.</strong> Reviewers receive the approval request by email and can Approve or Decline directly from that email, without entering the web application at all. This is the recommended path for keyboard-only and screen-reader users.</li> 174 <li><strong>Data entry and review can happen in Google Sheets and Google Forms</strong>
174 rather than in our interface.</li> 175 <li><strong>Assisted service:</strong> if an accessibility barrier blocks you, contact us and we will carry out the action on your behalf.</li> 176 </ul> 177 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Remediation roadmap</p> 178 <div style="overflow-x:auto;"> 179 <table class="table table-sm" style="width:100%;"> 180 <thead><tr><th style="text-align:left;">Item</th><th style="text-align:left;">WCAG</th><th style="text-align:left;">Target</th></tr></thead> 181 <tbody> 182 <tr><td>Page language attribute and valid list markup on the website</td><td>3.1.1, 1.3.1</td><td><strong>Completed 16 July 2026</strong></td></tr> 183 <tr><td>Accessible names for all icon-only buttons and links</td><td>2.4.4, 4.1.2</td><td>Within 30 days</td></tr> 184 <tr><td>Text alternatives for all images (application and add-on)</td><td>1.1.1</td><td>Within 30 days</td></tr> 185 <tr><td>Programmatic labels for all form inputs</td><td>3.3.2, 4.1.2</td><td>Within 45 days</td></tr> 186 <tr><td>Convert non-interactive click targets into real, keyboard-operable controls</td><td>2.1.1, 4.1.2</td><td>Within 90 days</td></tr> 187 <tr><td>Colour-contrast remediation on the marketing site</td><td>1.4.3</td><td>Within 60 days</td></tr> 188 <tr><td>Make links distinguishable without relying on colour</td><td>1.4.1</td><td>Within 60 days</td></tr> 189 <tr><td>Manual keyboard-only traversal of every application workflow</td><td>2.1.1, 2.4.3, 2.4.7</td><td>Within 90 days</td></tr> 190 <tr><td>Screen-reader passes (NVDA and VoiceOver) on core flows</td><td>1.3.1, 4.1.2</td><td>Within 120 days</td></tr> 191 <tr><td>Zoom and reflow testing at 200â400%</td><td>1.4.4, 1.4.10</td><td>Within 120 days</td></tr> 192 <tr><td>Automated accessibility testing in our CI pipeline to prevent regressions</td><td>â</td><td>Within 60 days</td></tr> 193 <tr><td><strong>Publish a VPAT 2.5 / Accessibility Conformance Report</strong></td><td>â</td><td><strong>Within 150 days</strong></td></tr> 194 <tr><td>Annual update of this statement</td><td>â</td><td>Annually</td></tr> 195 </tbody> 196 </table> 197 </div> 198 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Feedback, reports and documentation requests</p> 199 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">We welcome feedback on the accessibility of Form Workflow Plus. To report a barrier, request this roadmap or a VPAT/ACR, or request a test account or live demonstration for verification, contact <a href="mailto:[email protected]">[email protected]</a>. Accessibility owner: <strong>Mohamed Bahri</strong>. We aim to respond promptly and will agree a resolution path with you.</p> 200 <p class="custom-font-secondary text-4 text-color-dark font-weight-bold opacity-9 mb-0"><br>Formal approvals</p> 201 <p class="custom-font-secondary text-2 text-color-dark font-weight-bold opacity-9 mb-0">This statement is prepared as the accessibility documentation and good-faith remediation plan referred to in the Student Data Privacy Agreement, and is updated at least annually.</p> 202 <hr class="my-0"> 203 </div> 204 </div> 205 </div> 206 </div> 207 </div> 208 </div> 209 </div> 210 211 <footer id="footer" class="bg-color-primery border-0 mt-0"> 212 <div class="container container-lg-custom pt-4 pb-3"> 213 <div class="row py-5"> 214 215 <div class="col-md-4 col-lg-4 mb-4 mb-lg-0"> 216 <h4 class="font-weight-bold ls-0">Company</h4> 217 <ul class="list-unstyled mb-0"> 218 <li class="mb-1"> 219 <a href="index.html">Home</a> 220 </li> 221 <li class="mb-1"> 222 <a href="https://formworkflowplushelp.zendesk.com/hc/en-gb/requests/new">Contact us</a> 223 </li> 224 <li class="mb-1"> 225 <a href="https://workspace.google.com/marketplace/app/form_workflow_plus_add
225on/448262164641">Google Workspace Marketplace</a> 226 </li> 227 </ul> 228 </div> 229 230 <div class="col-md-4 col-lg-4 mb-4 mb-lg-0"> 231 <h4 class="font-weight-bold ls-0">More Products & Services</h4> 232 <strong style="color: aliceblue;"><a href="https://www.gmergeplus.com/">G Merge Plus - Mail Merge & <br>Document Merge with Attachments</a></strong> 233 </div> 234 235 <div class="col-md-4 col-lg-4 mb-4 mb-md-0"> 236 <h4 class="font-weight-bold ls-0">Support & Legal</h4> 237 <ul class="list-unstyled mb-0"> 238 <li class="mb-1"> 239 <a href="https://formworkflowplushelp.zendesk.com/hc/en-gb">Help Center</a> 240 </li> 241 <li class="mb-1"> 242 <a href="./Security_Policy.html">Security Policy</a> 243 </li> 244 <li class="mb-1"> 245 <a href="./Accessibility.html">Accessibility</a> 246 </li> 247 <li class="mb-1"> 248 <a href="./Terms_of_Service.html">Terms of Service</a> 249 </li> 250 <li class="mb-1"> 251 <a href="./Privacy_policy.html">Privacy Policy</a> 252 </li> 253 </ul> 254 </div> 255 256 </div> 257 <div class="text-center"> 258 <p style="text-align:center;" class="text-3 mb-0">© Copyright 2026. Form Workflow Plus. All Rights Reserved.</p> 259 </div> 260 </div> 261 </footer> 262 </div> 263 264 <!-- Vendor --> 265
265<script src="vendor/jquery/jquery.min.js"></script>
265 266
266<script src="vendor/jquery.appear/jquery.appear.min.js"></script>
266 267
267<script src="vendor/jquery.easing/jquery.easing.min.js"></script>
267 268
268<script src="vendor/jquery.cookie/jquery.cookie.min.js"></script>
268 269
269<script src="vendor/popper/umd/popper.min.js"></script>
269 270
270<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
270 271
271<script src="vendor/common/common.min.js"></script>
271 272
272<script src="vendor/jquery.validation/jquery.validate.min.js"></script>
272 273
273<script src="vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script>
273 274
274<script src="vendor/jquery.gmap/jquery.gmap.min.js"></script>
274 275
275<script src="vendor/jquery.lazyload/jquery.lazyload.min.js"></script>
275 276
276<script src="vendor/isotope/jquery.isotope.min.js"></script>
276 277
277<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
277 278
278<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
278 279
279<script src="vendor/vide/jquery.vide.min.js"></script>
279 280
280<script src="vendor/vivus/vivus.min.js"></script>
280 281 282 <!--(remove-empty-lines-end)--> 283 284 <!-- Theme Base, Components and Settings --> 285
285<script src="js/theme.js"></script>
285 286 287 <!-- Current Page Vendor and Views --> 288
288<script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
288 289
289<script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
289 290 291 <!-- Theme Custom --> 292
292<script src="js/custom.js"></script>
292 293 294 295 <!-- Theme Initialization Files --> 296
296<script src="js/theme.init.js"></script>
296 297 298 <!-- Examples --> 299 300 <!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. 301
301<script>
vendor: 344 bytes, lines 301-307
301 302 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 303 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 304 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 305 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 306 307 ga('create', '
307UA-12345678-1
vendor: 41 bytes, lines 307-309
307', 'auto'); 308 ga('send', 'pageview'); 309
309</script>
309 310 --> 311 312
312<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
312 313
313<script> 314 315 /* 316 Map Settings 317 318 Find the Latitude and Longitude of your address: 319 - https://www.latlong.net/ 320 - http://www.findlatitudeandlongitude.com/find-address-from-latitude-and-longitude/ 321 322 */ 323 324 // Map Markers 325 var mapMarkers = [{ 326 address: "New York, NY 10017", 327 html: "<strong>New York Office</strong><br>New York, NY 10017<br><br><a href='#' onclick='mapCenterAt({latitude: 40.75198, longitude: -73.96978, zoom: 16}, event)'>[+] zoom here</a>", 328 icon: { 329 image: "img/pin.png", 330 iconsize: [26, 46], 331 iconanchor: [12, 46] 332 } 333 }]; 334 335 // Map Initial Location 336 var initLatitude = 40.75198; 337 var initLongitude = -73.96978; 338 339 // Map Extended Settings 340 var mapSettings = { 341 controls: { 342 draggable: (($.browser.mobile) ? false : true), 343 panControl: true, 344 zoomControl: true, 345 mapTypeControl: true, 346 scaleControl: true, 347 streetViewControl: true, 348 overviewMapControl: true 349 }, 350 scrollwheel: false, 351 markers: mapMarkers, 352 latitude: initLatitude, 353 longitude: initLongitude, 354 zoom: 5 355 }; 356 357 var map = $('#googlemaps').gMap(mapSettings), 358 mapRef = $('#googlemaps').data('gMap.reference'); 359 360 // Map text-center At 361 var mapCenterAt = function (options, e) { 362 e.preventDefault(); 363 $('#googlemaps').gMap("centerAt", options); 364 } 365 366 // Styles from https://snazzymaps.com/ 367 var styles = [{ "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#e9e9e9" }, { "lightness": 17 }] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#f5f5f5" }, { "lightness": 20 }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#ffffff" }, { "lightness": 17 }] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "color": "#ffffff" }, { "lightness": 29 }, { "weight": 0.2 }] }, { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#ffffff" }, { "lightness": 18 }] }, { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#ffffff" }, { "lightness": 16 }] }, { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#f5f5f5" }, { "lightness": 21 }] }, { "featureType": "poi.park", "elementType": "geometry", "stylers": [{ "color": "#dedede" }, { "lightness": 21 }] }, { "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }, { "lightness": 16 }] }, { "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#333333" }, { "lightness": 40 }] }, { "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#f2f2f2" }, { "lightness": 19 }] }, { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#fefefe" }, { "lightness": 20 }] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#fefefe" }, { "lightness": 17 }, { "weight": 1.2 }] }]; 368 369 var styledMap = new google.maps.StyledMapType(styles, { 370 name: 'Styled Map' 371 }); 372 373 mapRef.mapTypes.set('map_style', styledMap); 374 mapRef.setMapTypeId('map_style'); 375 376 </script>
376 377
377<script> 378 lp.jQuery(function($) { 379 380 // The speed of the scroll in milliseconds 381 var speed = 1000; 382 383 // Find links that are #anchors and scroll to them 384 $('a[href^=#]') 385 .not('.lp-pom-form .lp-pom-button') 386 .unbind('click.smoothScroll') 387 .bind('click.smoothScroll', function(event) { 388 event.preventDefault(); 389 $('html, body').animate({ scrollTop: $( $(this).attr('href') ).offset().top }, speed); 390 }); 391 }); 392</script>
392 393 394 395</body> 396 397</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.