Merge v1.1.7 onto mainline (#748)

* Miguel.abreu/gtt 1637 add fielsets legends to forms (#729)

* Fix AddContent form field-set and sections

* Fix app sections

* Fix fieldset and legends for Add/Edit Text pages

* Fix edit/add metrics form

Co-authored-by: Miguel Abreu <[email protected]>

* GTT-1640 Removed hidden buttons from programmatic access if unnecessary (#710)

* Fixed bug that was rendering invisible buttons in the preview dashboard page

* Added names to all the form controls in Table component

* Added labels tothe buttons in TopicareasTable component

* Updated test suite and fixed typo in Table component

* Added missing translation and made recommended change

Co-authored-by: Miguel Alfonso Abreu Ortega <[email protected]>
Co-authored-by: Triet <[email protected]>

* Improve focus order of table of contents (#728)

* Make table of contents scrollable and visible (#731)

* Add text alternative to label images (#732)

* Assign tab roles to section tabs and enable keyboard navigation (#733)

Co-authored-by: Miguel Abreu <[email protected]>

* Makes scrollable regions focusable for accessibility (#734)

* Make scrollable regions focusable for accessibility

* Deconflict roles for nested elements (#735)

* Delete ScrollTop component (#736)

* release 1.1.7

Co-authored-by: Miguel Alfonso Abreu Ortega <[email protected]>
Co-authored-by: Miguel Abreu <[email protected]>
Co-authored-by: francisco-j-romero <[email protected]>
Co-authored-by: Miguel Pavon Diaz <[email protected]>
Co-authored-by: Mazen Kharbutli <[email protected]>

Author: 6 people

CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.1.7] - 2022-01-04
+
+- Made improvements to meet accessibility requirements
+  - Made "Return to Top" link actionable for screen readers
+  - Made table of contents scrollable and visible
+  - Made Settings acknowledge statement mandatory
+  - Made scrollable regions focusable for accessibility
+  - Improved focus order of table of contents
+  - Added programmatic context to grouped form elements to benefit screen readers
+
 ## [1.1.6] - 2021-12-17
 
 - Copy/duplicate an individual dashboard

CODEOWNERS

@@ -1 +1 @@
-* @trietlu @miguelpdiaz8 @mabreuortega @mazenkh-amazon
+* @trietlu @mabreuortega @mazenkh-amazon

README.md

@@ -33,7 +33,7 @@ PDoA comes with pre-built code to provision an instance in your AWS account. You
 
 | Region               | Launch                                                                                                                                                                                                                                                                                                                             |
 | -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Install in us-east-1 | [![Install in us-east-1](docs/images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.6/performance-dashboard-on-aws.template) |
+| Install in us-east-1 | [![Install in us-east-1](docs/images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.7/performance-dashboard-on-aws.template) |
 
 ### Clone this repository
 

backend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "performance-dashboard-backend",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "Performance Dashboard on AWS Backend",
   "awssdkUserAgent": "AwsSolution/SO0157/v",
   "scripts": {

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "performance-dashboard-cdk",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "Performance Dashboard on AWS CDK",
   "bin": {
     "cdk": "bin/main.js"

cdk/package-lock.json

@@ -25,7 +25,7 @@ If you're not familiar with deploying resources on AWS using CFT, start by revie
 
 | Region                | Launch                                                                                                                                                                                                                                                                                                                        |
 | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| US East (N. Virginia) | [![Install in us-east-1](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.6/performance-dashboard-on-aws.template) |
+| US East (N. Virginia) | [![Install in us-east-1](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.7/performance-dashboard-on-aws.template) |
 
 You will be directed to the CloudFormation console on your browser. Enter the stack name such as "MyCorp-PerfDash", and enter the email of the user who will initially administer PDoA in the "adminEmail" field, then press the "Next" button. Accept the default values on the next page, and press the Next button. Finally, check on the two "Capabilities" checkboxes at the bottom of the page. Press the "Create Stack" button. It will take about 25 minutes for the compute, storage, and database resources on AWS to be provisioned.
 
@@ -41,10 +41,10 @@ If you prefer to deploy PDoA in a region other than US East (N. Virginia), you m
 
 | Region                                          | Launch                                                                                                                                                                                                                                                                                                                                                  |
 | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **Install this first in US East (N. Virginia)** | [![Install this first](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.6/LambdaEdge.template)                                               |
-| Install PDoA in South America (São Paulo)       | [![Install in non US East (N. Virginia) region](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=sa-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.6/performance-dashboard-on-aws.template)    |
-| Install PDoA in Canada (Central)                | [![Install in non US East (N. Virginia) region](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=ca-central-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.6/performance-dashboard-on-aws.template) |
-| Install PDoA in Europe (London)                 | [![Install in non US East (N. Virginia) region](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=eu-west-2#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.6/performance-dashboard-on-aws.template)    |
+| **Install this first in US East (N. Virginia)** | [![Install this first](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=us-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.7/LambdaEdge.template)                                               |
+| Install PDoA in South America (São Paulo)       | [![Install in non US East (N. Virginia) region](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=sa-east-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.7/performance-dashboard-on-aws.template)    |
+| Install PDoA in Canada (Central)                | [![Install in non US East (N. Virginia) region](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=ca-central-1#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.7/performance-dashboard-on-aws.template) |
+| Install PDoA in Europe (London)                 | [![Install in non US East (N. Virginia) region](images/launch-stack.svg)](https://console.aws.amazon.com/cloudformation/home?region=eu-west-2#/stacks/quickcreate?templateURL=https://performance-dashboard-on-aws-solution-releases-us-west-2.s3.us-west-2.amazonaws.com/performance-dashboard-on-aws/v1.1.7/performance-dashboard-on-aws.template)    |
 
 ## Deploying with AWS Cloud Development Kit (CDK)
 

cdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "performance-dashboard-frontend",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "private": true,
   "description": "Performance Dashboard on AWS Frontend",
   "dependencies": {