Toolkit page: Hide suggest buttons

[JessicaLucindaCheng]

Overview

On the Toolkit page, we want to temporarily hide the currently non-functional Suggest a guide and Suggest a resource buttons so that visitors cannot select or click buttons on our website that do not function yet.

Details

We are hiding the buttons until we figure out how the buttons will function when they are clicked, such as where the buttons lead to.

Click here to see screenshots of the Suggest a resource and Suggest a guide buttons on the Toolkit page

Action Items

In pages/toolkit.html, using the hidden attribute

• Hide the Suggest a guide button and add a comment about it by changing

          <button class="btn btn-primary btn-md-narrow">Suggest a guide</button>
  

  to

          <!-- The Suggest a guide button has been temporarily hidden until we figure out how this button will function after it's clicked. See issue #3678 for more details. -->
          <button hidden class="btn btn-primary btn-md-narrow">Suggest a guide</button>
  

• Hide the Suggest a resource button and add a comment about it by changing

                  <button class="btn btn-primary btn-md-narrow">Suggest a resource</button>
  

  to

                  <!-- The Suggest a resource button has been temporarily hidden until we figure out how this button will function after it's clicked. See issue #3678 for more details. -->
                  <button hidden class="btn btn-primary btn-md-narrow">Suggest a resource</button>
  

• Using developer tools, make sure both the buttons are not visible when you visit the Toolkit page in mobile, tablet, and desktop views
• Using a screen reader, such as the Screen Reader Chrome Extension, make sure both the buttons are not read by the screen reader either

Resources/Instructions

• Toolkit page: https://www.hackforla.org/toolkit/
• Source code on GitHub: https://github.com/hackforla/website/blob/gh-pages/pages/toolkit.html
• Screen Reader Chrome Extension: https://chrome.google.com/webstore/detail/screen-reader/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en-US
• HTML hidden Attribute Info: https://www.w3schools.com/tags/att_hidden.asp
• The problem with the buttons being non-functional was brought up in this comment: Toolkit page: Add anchors to Guides and External Resources sections  #2802 (comment)
• Related issue: Requirements Gathering for 'Suggest a Guide' Button Link on Toolkits Page #3115

[github-actions]

Hi @Skydodle, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[Skydodle]

Availability: Wednesday, Saturday, Sunday

ETA : Sunday 11/20 by the end of day

[ExperimentsInHonesty]

Is this documented in the wiki?

[ExperimentsInHonesty]

Document what happened in our wiki page for the Toolkit and then when the design gets relaunched we can decide how and where we are brining the buttons back.

[JessicaLucindaCheng]

Document what happened in our wiki page for the Toolkit and then when the design gets relaunched we can decide how and where we are brining the buttons back.

• Issue Create a Decision Record for the Toolkit's page hidden button #3848 will address documenting the Toolkit page's hidden buttons.