ibm-products icon indicating copy to clipboard operation
ibm-products copied to clipboard

fix(API Key Modal): heading,label and downloadlink

Open anamikaanu96 opened this issue 1 year ago β€’ 2 comments

Closes #6250 and #6251

Fixed the heading text and added aria-label and role of for APIKeyDownloader

What did you change? packages/ibm-products/src/components/APIKeyModal/APIKeyDownloader.js

packages/ibm-products/src/components/APIKeyModal/APIKeyModal.tsx packages/ibm-products/src/components/APIKeyModal/APIKeyModal.stories.jsx

How did you test and verify your work? voiceover

anamikaanu96 avatar Oct 25 '24 12:10 anamikaanu96

Deploy Preview for carbon-for-ibm-products ready!

Name Link
Latest commit 9206cacb73a9c431ccabcd5835f920bdbc9801db
Latest deploy log https://app.netlify.com/sites/carbon-for-ibm-products/deploys/6724e332b6315e0009a50346
Deploy Preview https://deploy-preview-6298--carbon-for-ibm-products.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Oct 25 '24 12:10 netlify[bot]

Deploy Preview for ibm-products-web-components ready!

Name Link
Latest commit 9206cacb73a9c431ccabcd5835f920bdbc9801db
Latest deploy log https://app.netlify.com/sites/ibm-products-web-components/deploys/6724e332ae0a670007f442d4
Deploy Preview https://deploy-preview-6298--ibm-products-web-components.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Oct 25 '24 12:10 netlify[bot]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 79.36%. Comparing base (dcecd22) to head (9206cac). Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #6298      +/-   ##
==========================================
+ Coverage   79.34%   79.36%   +0.01%     
==========================================
  Files         395      395              
  Lines       12880    12882       +2     
  Branches     4256     4258       +2     
==========================================
+ Hits        10220    10224       +4     
+ Misses       2660     2658       -2     
Components Coverage Ξ”
ibm-products βˆ… <ΓΈ> (βˆ…)
ibm-products-web-components βˆ… <ΓΈ> (βˆ…)

codecov[bot] avatar Oct 29 '24 07:10 codecov[bot]

prop name can be changed to camelCase

yea it should be, its added by mistake. Thanks @devadula-nandan for reviewing!

anamikaanu96 avatar Nov 01 '24 14:11 anamikaanu96

Hi @anamikaanu96 , all good except one last thing which is confusing.

The issue #6251 states that headings should be organized hierarchically. also, it indicates the use of H1, while I observe two H2 headings that do not follow this hierarchical structure.

should it be H2 H3 ?

edit: oh wait, they are coming from ModalHeader which is not in our control.

<ModalHeader
  title={title} // shows a h2
  label={modalLabel} // shows a h2
/>

do we need to raise an issue for carbon react? im guessing there is an active issue for this

devadula-nandan avatar Nov 01 '24 14:11 devadula-nandan