hackforla / hackforla/knowledgebase-content
Create a Guide/Template: Responsible use of images on HfLA websites
- Dominant language
- No language data
- Stars
- 2
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
### Overview
We need a guide for image use on our open source projects so that we can ensure legal compliance, meet accessibility standards, and follow best practices for storage, attribution, and formatting. This will also help streamline contributions by developers and designers across HfLA projects.
---
### Action Items
The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.
- [ ] [Gather Examples Solo](https://github.com/hackforla/guides/wiki/How-to-Gather-Examples:-Solo)
- [ ] [Gather Examples Collaboratively](https://github.com/hackforla/guides/wiki/Phase-2-%E2%80%90-Gather-Examples-Collaboratively)
- [ ] [Create a Guide Draft](https://github.com/hackforla/guides/wiki/How-to-Draft-a-Guide)
- [ ] If needed, create a template
- [ ] [Have your guide peer reviewed](https://github.com/hackforla/guides/wiki/Peer-Reviews-for-Guides)
- [ ] [Present your guide for leadership review](https://github.com/hackforla/guides/wiki/Submitting-Your-Guide-for-Leadership-Review)
---
### Resources/Instructions
- [Google Drive Folder – 0105 [DRAFT] Responsible use of images on HfLA websites](https://drive.google.com/drive/u/0/folders/ENTER_FOLDER_ID_HERE)
- [Draft Guide – Responsible use of images on HfLA websites](LINK_TO_DRAFT)
- [Image Use on Websites Guide (New format)](LINK_IF_AVAILABLE)
- Recommended image vendors:
- Unsplash
- Pexels
- The Noun Project
- Font Awesome
- Creative Commons search
- Reference folder: Hack for LA Social Media Icons (may be outdated; verify with HfLA website repo)
- Consider guidance for:
- How to find images
- Proper attribution
- Storage standards
- Accepted formats
- Sizing and optimization best practices
- [HfLA Credits Page](LINK_IF_AVAILABLE)
- [Wiki](LINK_TO_WIKI_IF_RELEVANT)
---
### Projects to Check
- Hack for LA Websites
- UI/UX components that use images
- Accessibility & compliance resources
- Past marketing & social media design guides
---
### Tasks
- [ ] Copy task instructions from each wiki phase above as you're working on it.
- [ ] Create a page mockup (assigned to UI/UX)
- [ ] Discuss and assign to HfLA developers + designers for review
- [ ] Open a feedback issue on UI/UX CoP repo
- [ ] Update the Guide Tracking Sheet with this issue
Contributor guide
Assessment
This issue has not been assessed yet.