Merge pull request #255 from fedspendingtransparency/fix/dev-14333

DEV - 14333: 508 Compliance updates cont.

Author: anjenkin

components/DownloadIconButton.jsx

@@ -46,30 +46,36 @@ const DownloadIconButton = ({
                 tooltipPosition={tooltipPosition}
                 tooltipComponent={tooltipComponent}>
                 <button
+                    type="button"
                     className="usda-button"
                     title={buttonText}
                     aria-label={buttonText}
-                    disabled={downloadInFlight}
+                    disabled={downloadInFlight || !isEnabled}
                     onClick={startDownload}
-                    style={{backgroundColor: backgroundColor}}>
-                    <FontAwesomeIcon icon={icon} spin={downloadInFlight} color='#dfe1e2'/>
+                    style={{ backgroundColor }}
+                    tabIndex={!isEnabled ? -1 : 0}
+                    aria-hidden={!isEnabled}>
+                    <FontAwesomeIcon icon={icon} spin={downloadInFlight} color="#dfe1e2" />
+                    <span style={{ color: '#dfe1e2' }}>{buttonText}</span>
                 </button>
-                <span style={{color: '#dfe1e2'}}>{buttonText}</span>
             </TooltipWrapper>
         );
     }
     return (
         <div className={`usda-download-btn${disabledClass}`}>
             <button
+                type="button"
                 className="usda-button"
                 title={buttonText}
                 aria-label={buttonText}
                 disabled={downloadInFlight}
                 onClick={startDownload}
-                style={{backgroundColor: backgroundColor}}>
+                style={{ backgroundColor }}
+                tabIndex={!isEnabled ? -1 : 0}
+                aria-hidden={!isEnabled}>
                 <FontAwesomeIcon icon={icon} spin={downloadInFlight} />
+                <span>{buttonText}</span>
             </button>
-            <span>{buttonText}</span>
         </div>
     );
 };

dist/data-transparency-ui.css

@@ -627,4 +627,4 @@
 
       import './6094.566847d9.iframe.bundle.js';
 
-      import './main.b642ca17.iframe.bundle.js';</script></body></html>
+      import './main.8f65eee7.iframe.bundle.js';</script></body></html>

dist/index.js

@@ -1 +1 @@
-{"generatedAt":1769636476931,"userSince":1747848640087,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@babel/plugin-transform-optional-chaining":"7.27.1","@chromatic-com/storybook":"4.1.1","@testing-library/jest-dom":"6.8.0","@testing-library/react":"14.0.0","eslint-plugin-jasmine":"2.10.1","jest":"28.1.3","jest-cli":"28.1.3"},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":5,"applicationFileCount":9,"storybookVersion":"9.1.3","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"9.1.3"},"@storybook/react-webpack5":{"version":"9.1.3"},"storybook":{"version":"9.1.3"}},"addons":{"@storybook/addon-links":{"version":"9.1.3"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.6"},"@chromatic-com/storybook":{"version":"4.1.1"},"@storybook/addon-docs":{"version":"9.1.3"},"@storybook/addon-styling-webpack":{"version":"2.0.0"}}}
+{"generatedAt":1769783090489,"userSince":1751563499910,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@babel/plugin-transform-optional-chaining":"7.27.1","@chromatic-com/storybook":"4.1.1","@testing-library/jest-dom":"6.8.0","@testing-library/react":"14.0.0","eslint-plugin-jasmine":"2.10.1","jest":"28.1.3","jest-cli":"28.1.3"},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":2,"applicationFileCount":9,"storybookVersion":"9.1.3","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"9.1.3"},"@storybook/react-webpack5":{"version":"9.1.3"},"storybook":{"version":"9.1.3"}},"addons":{"@storybook/addon-links":{"version":"9.1.3"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.6"},"@chromatic-com/storybook":{"version":"4.1.1"},"@storybook/addon-docs":{"version":"9.1.3"},"@storybook/addon-styling-webpack":{"version":"2.0.0"}}}