More than 1,000 Belarusians Still Imprisoned for Protesting
- Okay, here's a breakdown of the provided HTML snippet, focusing on the content and structure.
- The code defines a section (show-case__column) containing two show-case-card divs.
- * Figure: Contains an image and a link that opens a modal window.
Okay, here’s a breakdown of the provided HTML snippet, focusing on the content and structure. It represents two “show-case cards” displaying information about Belarusian human rights activists.
Overall Structure
The code defines a section (show-case__column) containing two show-case-card divs. Each card has a similar structure:
* Figure: Contains an image and a link that opens a modal window.
* Card Content: Contains a title (linked to the modal) and a teaser paragraph.
* Modal: A hidden div (show-case-card-11572 and show-case-card-11573) that appears when the link in the figure or card content is clicked. It contains more detailed information about the activist.
Card 1: Marfa Rabkova (ID 11572)
* Image: https://www.hrw.org/sites/default/files/styles/16x9_large/public/media_2025/09/202509eca_belarus_rabkova.jpg – A photo of a smiling woman.
* Title: “Rabkova goods” (This seems like a slight error in the text, likely meant to be just “Marfa Rabkova”)
* Teaser: “Marfa Rabkova is a human rights activist and coordinator of Viasna‘s program for volunteers who, among other things, worked to organise monitoring of elections and of peaceful protests.”
* Modal Content:
* repeats the teaser information.
* Details her arrest on September 17, 2020, and the charges against her (“training or other readiness of persons to participate in riots or funding such activities,” “inciting social enmity” and “involvement in a criminal group.”).
* States she was sentenced to 15 years in prison in September 2022.
* Mentions she is in Homiel penal colony N4 and her health is deteriorating.
* Provides a link to the FreeViasna campaign: https://freeviasna.org/en
Card 2: Valiantsin Stefanovic (ID 11573)
* Image: https://www.hrw.org/sites/default/files/styles/16x9_large/public/media_2025/09/202509eca_belarus_stefanovich.jpg – A photo of a man.
* Title: “Valiantsin Stefanovic”
* Teaser: “Valiantsin Stefanovic is a board member of V…” (The teaser is incomplete in the provided snippet.)
Key HTML Attributes & Functionality
* rel="modal:open" and data-modal="show-case-card-11572": These attributes are crucial for the modal functionality. They tell the JavaScript (not included in the snippet) to open the modal with the corresponding ID when the link is clicked.
* id="show-case-card-11572": The ID of the modal div. This is how the link targets the correct modal.
* data-modal-style="show-case-card": Likely used by the JavaScript to apply specific styling to the modal.
* tabindex="-1" and role="dialog": These attributes are vital for accessibility, making the modal usable with keyboard navigation and screen readers.
* loading="lazy": Improves page performance by only loading images when they are