Make flash messages accessible to screen readers

PHOTO

Fri Jun 17 2022 09:16:41 GMT+0000 (UTC)

Saved by @metamoni #ruby #rubyonrails

# original code
<% if flash.any? %>
  <% flash.each do |type, msg| %>
    <p class="alert alert-<%= type %>">
      <%= msg %>
    </p>
  <% end %>
<% end %>

# with aria-live
<% if flash.any? %>
  <% flash.each do |type, msg| %>
    <p class="alert alert-<%= type %>" aria-live="polite">
      <%= msg %>
    </p>
  <% end %>
<% end %>

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

a11y-on-rails

@metamoni

Accessible validation with aria-live | Forem Validation with HTML's required attribute Accessible validation with role="alert" | Forem Make flash messages accessible to screen readers Add alt text to image_tag Use the inline_svg_tag helper with ARIA Accessible SVG using custom helper Adding explicit labels with FormHelper Hiding labels with CSS Custom simple_form labels Accessible form group Link with empty href SVG Helper Inaccessible ERB form in a Rails application

#ruby #rubyonrails

Write a Simple CSV in rails

file = "#{Rails.root}/public/users.csv"
headers = ["Name", "Company Name", "Email", "Role", "Team Name"]
CSV.open(file, 'w', write_headers: true, headers: headers) do |writer|
    Team.all.each do |team|
      team.users.each do |user|
        writer << [user.name, user.company_name , user.email, user.roles&.first&.name, team.name]
      end
    end
  end

#howto #rubyonrails #webdev #interviewquestions

How to get current absolute URL in Ruby on Rails

# get "/articles?page=2"
request.original_url # => "http://www.example.com/articles?page=2"

#ruby #rubyonrails

Compile assets via console and find file with issue

namespace :javascript do
  desc "Compiles each js file"
  task validate: :environment do
    JS_PATH = "app/assets/javascripts/**/*.js"
    Dir[JS_PATH].each do |file_name|
      puts "\n#{file_name}"
      puts Uglifier.compile(File.read(file_name))
    end
  end
end

#ruby #rubyonrails

Head okay vs ok + Data

https://stackoverflow.com/questions/37512603/rails-attach-some-data-to-head-ok-response

ruby multiline comment - Google Search

 # Single line comment

=begin
multiline
comment
=end

ruby foreach - Google Search

array.each do |item|
  puts "The current array item is: #{item}"
end

#rubyonrails #ruby

Rails Migrations Tricks [Guide + Code] — Cheatsheet included | by J.Charles Gasche | Forest Admin | Medium

$ rake db:reset db:migrate

#rubyonrails #ruby

Rails Migrations Tricks [Guide + Code] — Cheatsheet included | by J.Charles Gasche | Forest Admin | Medium

$ rake db:drop db:create db:migrate

splits and counts sentences even if there is punctuation like "!!!" and "....."

require 'pry'

class String

  def sentence?
    self.end_with?(".")
  end

  def count_sentences
    self.split(/\.|\?|\!/).delete_if {|w| w.size < 2}.size
  end
end

Calculate support price

    support_price = order.site.price_for_support(
      addons.find_by(group: "support"),
      order.should_show_incentive_addon_prices?
    ) * facilitators

#ruby #webscraping #serpapi

ruby-prof for SerpApi's Search#parse!

# tmp/profiler.rb

require "ruby-prof"

profile = RubyProf.profile do
  search_params = { engine: "google", q: "roller blades", location: "Austin, United States", google_domain: "google.com", hl: "en", gl: "us", num: "500", device: "desktop", tbm: "shop", tbs: "p_ord:rv", file_path: "tmp/roller-blades.html" }

  Search.new(search_params).parse!
end

printer = RubyProf::FlatPrinter.new(profile)
printer.print($stdout, min_percent: 2)

#json #ruby #webscraping #serpapi

Image extraction from Google HTML

def extracted_thumbnails
  return @extracted_thumbnails if @extracted_thumbnails.present?
  
  js_image_regexes = JS_IMAGE_REGEXES.detect { |key, _| engine.starts_with?(key.to_s) }&.last || JS_IMAGE_REGEXES[:all]
@extracted_thumbnails = js_image_regexes.collect { |regex|
    regex_capture_names = regex.names
thumbnail_index = regex_capture_names.index(THUMBNAIL_CAPTURE_NAME)
    thumbnail_id_index = regex_capture_names.index(THUMBNAIL_ID_CAPTURE_NAME)

    html.scan(regex).collect do |match|
      found_thumbnail = match[thumbnail_index]
      found_thumbnail_id = match[thumbnail_id_index]

      found_thumbnail_id.split(",").map { |thumb| Hash[thumb.tr("'", "").squish, found_thumbnail] }
    end
  }.flatten.inject(:merge) || {}
end

#json #ruby #webscraping #serpapi

extract_js_image

def extract_js_image(image_node)
  return unless image_node
  
  thumbnail_id = image_node["id"]
  return unless thumbnail_id
  
  if (found_thumbnail = extracted_thumbnails[thumbnail_id])
    JSUtils.unescape(found_thumbnail)
  end
end

Separation of concerns

class Bear
  def hunt
    forest.select(&:food?)
  end
end

class Bear
  def eat(food)
    raise "#{food} is not edible!" unless food.respond_to? :nutrition_value
    food.nutrition_value
  end
end

Browse more snippets >>